Erstelle eine hochwertige high polished seite für die eisstee marke wise tea mit folgenden brand guidlines: 1⃣ Über Wise Tea Wise Tea ist eine...
Generated Prompt
```markdown ## APPLICATION OVERVIEW Create a high-quality landing page for Wise Tea, a modern premium iced tea brand. The primary goal is to establish trust and convey the brand's commitment to quality and conscious consumption without compromising on taste. This landing page will target B2B customers and emphasize the brand's unique offerings. ## CORE FEATURES 1. **Hero Section**: A striking introduction featuring the brand's essence with a call-to-action (CTA) leading to product details. 2. **About Wise Tea**: A concise overview that highlights the brand philosophy and values, emphasizing quality and simplicity. 3. **Product Showcase**: Showcase the three flavors—Wise Peach, Wise Cherry, and Wise Berry—with appealing visuals and descriptions. 4. **Testimonials**: Include quotes from satisfied customers to build trust and showcase the premium nature of the product. 5. **Contact Form**: A simple form for potential B2B clients to reach out for inquiries and partnerships. 6. **Footer**: Essential links and brand information, ensuring easy navigation and access to social media. ## 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-column layout with a clear visual hierarchy, utilizing ample white space to create a calm and confident atmosphere. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not required for this static landing page. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create Components**: Develop reusable components for the hero section, product showcase, testimonials, and contact form. 3. **Design Layout**: Structure the layout using Tailwind CSS to ensure responsiveness and adherence to the minimalist design. 4. **Integrate Typography**: Import the Inter font from Google Fonts and apply it to the heading and body text accordingly. 5. **Style Components**: Use Tailwind CSS classes to apply the primary color, border radius, and spacing as per the design specifications. 6. **Testing**: Ensure the landing page is responsive across different devices and browsers. ## USER EXPERIENCE Users will be greeted with a calm and confident hero section that succinctly introduces Wise Tea. They can easily navigate through the product showcase and testimonials to understand the brand's values and offerings. The contact form provides a straightforward way for B2B clients to engage with the brand, ensuring a seamless user experience that reflects the premium nature of Wise Tea. ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
