This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Click the Link show the application Live Link On your browser to see the result.

Assignment 1 : is Creating a Agency Web Application

1. _Requirements_

• From this figma file you need to convert to nextjs.

1. You can use any framework for CSS

• Use TailwindCSS

2. Hero section information on homepage will be dynamic and images will come dynamically

• Hero Section data is Dynamic

3. The WorkList data will come dynamically on the homepage

• WorkList Section data is Dynamic

4. The StatList data will come dynamically on the homepage

• StatList Section data is Dynamic

5. The FeaturedProject data will come dynamically on the homepage####

• Featured Project Section data is Dynamic

6. Other sections on the homepage will be static.

• Other [ NavBar , footer & Subscribe ] Section data is static

7. The TeamList data will come dynamically on the Team Page

• TeamMember Section data is Dynamic

8. Other sections on the Team Page will be static

• Other [ NavBar , footer & Subscribe ] Section data is static

9. AllService data will come dynamically on Service Page

• AllService Section data is Dynamic

10. Other sections on Service Page will be static.

    • Other [ NavBar , footer & Subscribe ] Section data is static

11. AllProject data will come dynamically on the Project Page

    • AllProject Section data is Dynamic

12. Other sections on the Project Page will be static.

    • Other [ NavBar , footer & Subscribe ] Section data is static

13. The TestimonialList data will come dynamically on the Testimonial Page.

    • TestimonialList Section data is Dynamic

14. Other sections on the Testimonial Page will be static.

    • Other [ NavBar , footer & Subscribe ] Section data is static

!! Responsive in as home page Team page are responsive

design Resurce

API Documention

Figma Template Link : https://www.figma.com/file/LXMrQdg2ayTqxvXhASl2yi/Design-Agency-Web-Landing-Page-(Community)?type=design&node-id=0-1&mode=design&t=EgWrVF3e7Z8NAoy2-0

Google Drive Link: https://drive.google.com/file/d/1BxhRIJOZPGh8pcqqc_dXlh0OwL_RIm8k/view?usp=sharing

Open the Figma file. See the screenshot of how to get it https://prnt.sc/HQfbfrr9vRIh || Here are two links, one is the direct link to the official website. And another link to provide the Figma file in Google Drive. After opening the Figma file you will find a total of Five pages.