Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a woodworking company that aims to showcase its craftsmanship, services, and products. The website will provide potential customers with a clear understanding of the company's offerings and encourage inquiries through a well-structured contact section.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction featuring the company's logo, a tagline, and a call-to-action button that leads to the contact section.
2. **About Us**: A concise description of the woodworking company, its history, and its mission, highlighting the craftsmanship and quality of the products.
3. **Services Offered**: A section detailing the various woodworking services provided, including custom furniture, cabinetry, and repairs, with accompanying images.
4. **Portfolio**: A gallery showcasing high-quality images of completed projects to give potential customers a visual representation of the company's work.
5. **Testimonials**: Customer feedback section featuring quotes and ratings that build trust and credibility for the woodworking services.
6. **Contact Form**: A simple form allowing visitors to inquire about services, request quotes, or ask questions, ensuring easy communication.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: A single-page layout with sections stacked vertically, easy navigation, and smooth scrolling. Each section will have ample spacing and visual hierarchy to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified (for a landing page, local state management via React hooks is sufficient)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to your project for styling and UI components.
3. **Create Layout**: Develop the main layout structure using a single-page format with sections for Hero, About Us, Services, Portfolio, Testimonials, and Contact.
4. **Implement Hero Section**: Design the hero section with a prominent heading, tagline, and a call-to-action button styled with the primary color.
5. **Build Services Section**: Create a grid layout to showcase the services offered, including brief descriptions and images.
6. **Portfolio Gallery**: Implement an image gallery using responsive design principles to showcase the woodworking projects.
7. **Testimonials Section**: Develop a rotating testimonials component that highlights customer feedback.
8. **Contact Form**: Create a simple contact form that captures user inquiries and styles it according to the design specifications.
9. **Responsive Design**: Ensure all sections are responsive and adapt well to different screen sizes.
10. **Final Testing**: Test the landing page for usability and performance, ensuring all links and forms function correctly.

## USER EXPERIENCE
The landing page will provide a seamless interaction experience for users. Visitors will be greeted by a visually striking hero section, guiding them smoothly through the narrative of the woodworking company. The portfolio will engage users with visually appealing images, while the testimonials will build trust. The contact form will be straightforward, encouraging users to reach out easily. The minimalist design and responsive layout will ensure a pleasant experience across all devices.