Syncore Electrical Website

A modern electrical services company website built with Next.js, TypeScript, and Tailwind CSS.

Tech Stack

• Framework: Next.js 15
• Language: TypeScript
• Styling: Tailwind CSS
• Icons: Lucide React
• UI Components: @headlessui/react

Features

• 🌐 Responsive design for mobile and desktop
• 📱 Modern navigation menu with mobile support
• 🎨 Custom theming system
• 📝 Core pages including Services, Projects, and About Us
• 📞 Online contact form
• 🔍 SEO optimized

Getting Started

1. Clone the repository

git clone https://github.com/your-username/syncore-website.git
cd syncore-website

2. Install dependencies

npm install

3. Start the development server

npm run dev

The website will be available at http://localhost:3000.

Project Structure

src/
├── app/                 # Page routes
├── components/         # React components
│   ├── common/        # Common components
│   ├── layout/        # Layout components
│   └── sections/      # Page section components
├── styles/            # Global styles
└── lib/              # Utility functions

Build and Deploy

Build for production:

npm run build

Start production server:

npm run start

Development Guidelines

• TypeScript for type checking
• ESLint rules for code formatting
• Functional components and Hooks
• Tailwind CSS utility classes for styling

Contributing

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request