A modern, responsive FAQ page for Solutions by STC with category-based navigation and enhanced user experience.
Visit the live site: https://dana7afez.github.io/solutions_by_stc/
Clone the repository: ```bash git clone https://github.com/Dana7afez/solutions_by_stc.git cd solutions_by_stc ```
Install dependencies: ```bash npm install ```
Run the development server: ```bash npm run dev ```
Open your browser: Navigate to http://localhost:3000
This project is automatically deployed to GitHub Pages using GitHub Actions. Every push to the main branch triggers a new deployment.
Build the project: ```bash npm run build ```
Export static files: ```bash npm run export ```
Deploy to GitHub Pages: The GitHub Action will handle this automatically.
``` solutions_by_stc/ βββ app/ β βββ faqs/ β β βββ page.tsx # Main FAQ page β βββ globals.css # Global styles β βββ layout.tsx # Root layout βββ components/ β βββ animated-header.tsx # Navigation header β βββ category-selector.tsx # FAQ categories β βββ faq-list.tsx # FAQ items list β βββ ui/ # Shadcn UI components βββ public/ β βββ logo.svg # STC logo β βββ faq-illustration.png # FAQ illustration βββ .github/ β βββ workflows/ β βββ deploy.yml # GitHub Actions workflow βββ next.config.js # Next.js configuration βββ package.json # Dependencies and scripts ```
The project follows the Solutions by STC design system:
#ff375e
(Pink/Red)#29c0ff
(Blue)#4f018c
(Purple)#00c48c
(Green)No environment variables are required for this project.
The project uses static export configuration for GitHub Pages deployment:
```javascript const nextConfig = { output: βexportβ, trailingSlash: true, images: { unoptimized: true } } ```
git checkout -b feature/new-feature
git commit -m 'Add new feature'
git push origin feature/new-feature
This project is licensed under the MIT License.
For support and questions:
Built with β€οΈ for Solutions by STC