hiroshinishio / sample-website

0 stars 0 forks source link

Fix FigmaのようなシンプルなランディングページをNext.jsで1枚作って。 with gitauto-wes model #12

Closed gitauto-for-dev[bot] closed 1 month ago

gitauto-for-dev[bot] commented 2 months ago

Original issue: #4

What is the feature

Create a simple landing page similar to Figma using Next.js.

Why we need the feature

A visually appealing and user-friendly landing page can attract more users and provide a better first impression of our application.

How to implement and why

  1. Set up a new Next.js project: This will provide the foundation for our landing page.
  2. Create a main layout component: This will ensure consistency across the landing page.
  3. Design the header section: Include the logo and navigation links to make it easy for users to navigate.
  4. Add a hero section: This will be the main attraction of the landing page, showcasing the primary features or benefits.
  5. Include a features section: Highlight the key features of our application to inform and attract users.
  6. Add a footer: Provide additional navigation links and contact information.

Each step ensures that the landing page is both functional and visually appealing, similar to Figma's design. """

Pull Request Body

This pull request implements a simple landing page similar to Figma using Next.js, as requested in the issue.

Changes Made

  1. Set up a new Next.js project: Initialized a new Next.js project to serve as the foundation for the landing page.
  2. Created a main layout component: Ensured consistency across the landing page by creating a reusable layout component.
  3. Designed the header section: Included the logo and navigation links for easy navigation.
  4. Added a hero section: Created a visually appealing hero section to showcase the primary features or benefits.
  5. Included a features section: Highlighted the key features of our application to inform and attract users.
  6. Added a footer: Provided additional navigation links and contact information.

File Changes

Please review the changes and provide feedback. Thank you!

Test these changes locally

git checkout -b gitauto-wes/issue-#4-a30f57aa-868b-4406-8162-5a33273370dd
git pull origin gitauto-wes/issue-#4-a30f57aa-868b-4406-8162-5a33273370dd