solutions_by_stc

Solutions by STC - FAQ Page

A modern, responsive FAQ page for Solutions by STC with category-based navigation and enhanced user experience.

πŸš€ Live Demo

Visit the live site: https://dana7afez.github.io/solutions_by_stc/

πŸ› οΈ Technologies Used

πŸ“‹ Features

πŸƒβ€β™‚οΈ Running Locally

  1. Clone the repository: ```bash git clone https://github.com/Dana7afez/solutions_by_stc.git cd solutions_by_stc ```

  2. Install dependencies: ```bash npm install ```

  3. Run the development server: ```bash npm run dev ```

  4. Open your browser: Navigate to http://localhost:3000

πŸš€ Deployment

This project is automatically deployed to GitHub Pages using GitHub Actions. Every push to the main branch triggers a new deployment.

Manual Deployment Steps:

  1. Build the project: ```bash npm run build ```

  2. Export static files: ```bash npm run export ```

  3. Deploy to GitHub Pages: The GitHub Action will handle this automatically.

πŸ“ Project Structure

``` 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 ```

🎨 Design System

The project follows the Solutions by STC design system:

πŸ“± Responsive Design

πŸ”§ Configuration

Environment Variables

No environment variables are required for this project.

Next.js Configuration

The project uses static export configuration for GitHub Pages deployment:

```javascript const nextConfig = { output: β€˜export’, trailingSlash: true, images: { unoptimized: true } } ```

🀝 Contributing

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/new-feature
  3. Commit your changes: git commit -m 'Add new feature'
  4. Push to the branch: git push origin feature/new-feature
  5. Submit a pull request

πŸ“„ License

This project is licensed under the MIT License.

πŸ“ž Support

For support and questions:


Built with ❀️ for Solutions by STC