This is a collaborative Next.js project for a conference website. The project is structured to allow multiple team members to work on different sections simultaneously.
The website consists of 5 main sections:
-
Hero Section (
components/sections/Hero.tsx)- Main landing section
- Assigned to: Team Member 1
-
Agenda Section (
components/sections/Agenda.tsx)- Conference schedule and timeline
- Assigned to: Team Member 2
-
Slider Section (
components/sections/Slider.tsx)- Image carousel or featured content
- Assigned to: Team Member 3
-
Speakers Section (
components/sections/Speakers.tsx)- Speaker profiles and information
- Assigned to: Team Member 4
-
Footer Section (
components/sections/Footer.tsx)- Website footer with additional information
- Assigned to: Team Member 5
To add the custom fonts to the project:
-
Create a
public/fontsdirectory -
Add the following font files:
- Photograph-Signature.ttf
- FuturaMdBT.ttf
- NoContinue.ttf
- Futura-Bold.ttf
-
Update the
app/layout.tsxfile with the font configurations (example provided in the file)
Currently, the project is using Inter font as a placeholder until the custom fonts are added.
-
Clone the repository:
git clone [repository-url]
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser.
- Each team member should work on their assigned section only
- Create a new branch for your section:
git checkout -b feature/section-name
- Make your changes and commit regularly
- Push your changes and create a pull request
- Use the existing styling system (Tailwind CSS)
- Maintain component-based architecture
- Next.js 13
- TypeScript
- Tailwind CSS
- shadcn/ui components
- Custom Fonts (to be added)
- Fork the repository
- Create your feature branch
- Commit your changes
- Push to the branch
- Create a Pull Request
MIT