Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a luxury stone cutting company specializing in kitchen and bathroom countertops. The website aims to showcase the company's offerings with a refined and elegant aesthetic, appealing to clients looking for high-quality stonework.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction featuring stunning images of stone countertops and a compelling tagline.
2. **Services Overview**: A section detailing the various services offered, including custom countertop design and installation.
3. **Gallery**: A showcase of completed projects with high-quality images to highlight craftsmanship and design versatility.
4. **Testimonials**: A section featuring client reviews to build trust and credibility with potential customers.
5. **Call to Action (CTA)**: A prominent button encouraging visitors to request a quote or consultation.
6. **Contact Information**: Easy access to contact details, including a contact form for inquiries and consultations.

## 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**: The main layout includes a full-width hero section at the top, followed by a grid layout for services and gallery, with testimonials in a slider format, and a footer containing contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create Layout**: Set up the main layout structure with the hero section, services overview, gallery, testimonials, and contact information.
4. **Design Components**: Create reusable components for the hero section, service cards, gallery items, testimonials, and contact form.
5. **Styling**: Apply Tailwind CSS classes to ensure a minimalist design with the specified primary color and typography.
6. **Add Content**: Populate components with relevant content, images, and testimonials.
7. **Implement CTA**: Ensure the CTA button leads to a functional contact form or quote request page.
8. **Test Responsiveness**: Ensure the design is responsive and looks good on various devices.

## USER EXPERIENCE
The user journey begins with an engaging hero section that captures attention. As users scroll down, they encounter clear and concise information about services, complemented by visual elements in the gallery. Testimonials build trust, and the CTA encourages users to engage further, making the overall experience smooth and inviting. The layout prioritizes readability and aesthetic appeal, ensuring that users can easily navigate and find the information they need.