Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for a driving school named örebro körcenter, located in Örebro, Sweden. The website will serve as a marketing tool to attract potential students, providing essential information about driving courses, instructors, and contact details, all in Swedish.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with the school’s name, tagline, and a strong call-to-action button to encourage visitors to sign up for courses.
2. **Course Offerings**: A section detailing the various driving courses available, including descriptions, duration, and pricing.
3. **Instructor Profiles**: Brief profiles of the driving instructors with photos and qualifications to build trust and credibility.
4. **Testimonials**: A section showcasing student testimonials to highlight positive experiences and outcomes from previous students.
5. **Contact Information**: Clear contact details including phone number, email, and a contact form for inquiries.
6. **Location Map**: An embedded map showing the driving school’s location in Örebro.

## 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 layout will be organized in a single-column format with sections stacked vertically, ensuring a smooth flow from the hero section to contact details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a static landing page, but can be incorporated if interactive elements are needed.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript using Create React App.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui for component styling and UI elements.
3. **Create the layout**: Build a responsive layout using Tailwind CSS classes, ensuring mobile-friendliness.
4. **Develop components**: Create individual components for the hero section, course offerings, instructor profiles, testimonials, contact form, and location map.
5. **Integrate styling**: Apply the specified design (color palette, typography, border radius) to all components.
6. **Test responsiveness**: Ensure that the landing page is fully responsive across different devices and screen sizes.

## USER EXPERIENCE
Users will first encounter the hero section with a clear call to action. As they scroll down, they will find detailed information about courses, instructors, and testimonials, fostering a sense of trust. The contact section will provide easy access to get in touch with the school, streamlining the inquiry process. The entire experience will be designed to be intuitive and visually appealing, encouraging users to engage with the content and take action.