Merge version_1 into main #6
183
src/app/page.tsx
183
src/app/page.tsx
@@ -1,6 +1,6 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
@@ -9,134 +9,77 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Leaf, Award, Coffee, MapPin, ShieldCheck } from 'lucide-react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Location", id: "location" }
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
export default function Page() {
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="Fresh Tea Barista" />
|
||||
<NavbarStyleApple navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Dresden's Most Obsession-Worthy Tea Experience."
|
||||
description="Handcrafted drinks. Real ingredients. No shortcuts. Experience the art of premium tea, right in the heart of Dresden."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/bellhop-offering-cup-coffee-guests_482257-92508.jpg", alt: "luxury tea bar interior moody" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4956.jpg", alt: "brown sugar bubble tea premium" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-pours-tea-from-tea-pot-into-armudu-glass-served-tea-setup_141793-1925.jpg", alt: "passion fruit tea vibrant drink" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-barista-black-working-suit-with-ingredients-coffee-equipment-brown-coffee-seeds-white_140725-14659.jpg", alt: "premium milk tea aesthetic" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-teapot-blurred-background_169016-35408.jpg", alt: "cozy cafe tea atmosphere" }
|
||||
]}
|
||||
buttons={[{ text: "See Our Menu", href: "#menu" }, { text: "Find Us in QF Passage", href: "#location" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Premium Ingredients", icon: Leaf },
|
||||
{ type: "text-icon", text: "Women-Owned", icon: Award },
|
||||
{ type: "text-icon", text: "Artisanal Brews", icon: Coffee },
|
||||
{ type: "text-icon", text: "QF Passage Location", icon: MapPin },
|
||||
{ type: "text-icon", text: "No Additives", icon: ShieldCheck }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["4.1 Stars on Google", "46 Reviews", "Women-Owned", "QF Passage Location", "Authentic Sourcing", "Premium Ingredients", "Artisanal Brews"]}
|
||||
title="Trusted by Tea Lovers"
|
||||
description="4.1 Stars on Google · 46 Reviews · Women-Owned · Located in QF Passage Dresden"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Brown Sugar Latte with Tapioca", price: "Starting from €4.90", imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4956.jpg", imageAlt: "Brown Sugar Latte" },
|
||||
{ id: "2", name: "Passion Fruit Green Tea", price: "Starting from €4.50", imageSrc: "http://img.b2bpic.net/free-photo/man-pours-tea-from-tea-pot-into-armudu-glass-served-tea-setup_141793-1925.jpg", imageAlt: "Passion Fruit Green Tea" },
|
||||
{ id: "3", name: "Signature Bubble Tea", price: "Starting from €4.20", imageSrc: "http://img.b2bpic.net/free-photo/young-barista-black-working-suit-with-ingredients-coffee-equipment-brown-coffee-seeds-white_140725-14659.jpg", imageAlt: "Bubble Tea" }
|
||||
]}
|
||||
title="Drinks People Can't Stop Talking About"
|
||||
description="Handcrafted to perfection using original ingredients and no additives."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["No artificial powders", "No mass-market shortcuts", "No synthetic flavorings"] }}
|
||||
positiveCard={{ items: ["No additives, original ingredients only", "Proudly women-owned and operated", "Prime location by Frauenkirche"] }}
|
||||
title="We Don't Cut Corners. Ever."
|
||||
description="Our passion for quality means using exclusively original products. No additives. Just pure, handcrafted tea."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
title="Voices from our Guests"
|
||||
description="See why our customers are making us a highlight of their Dresden trip."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Richard R.", handle: "Dresden Visitor", testimonial: "Netter Service und toller Tapioka Brown Sugar Latte — hat uns den Dresden Trip versüßt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-teapot-blurred-background_169016-35408.jpg" },
|
||||
{ id: "2", name: "Олена М.", handle: "Local Customer", testimonial: "Sehr gute Service! Schmeckt sowohl kalt als auch warm.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994373.jpg" },
|
||||
{ id: "3", name: "Thomas K.", handle: "Tea Enthusiast", testimonial: "Authentic taste and high-quality pearls. My go-to spot in QF Passage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-teapot-blurred-background_169016-35408.jpg" },
|
||||
{ id: "4", name: "Sara B.", handle: "Frequent Visitor", testimonial: "Love that it is women-owned and the quality is consistently high.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994373.jpg" },
|
||||
{ id: "5", name: "Johannes P.", handle: "Coffee/Tea Lover", testimonial: "Best Brown Sugar Latte in town. Must try for everyone visiting Frauenkirche.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-teapot-blurred-background_169016-35408.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<ContactCTA
|
||||
tag="Find Us"
|
||||
title="Visit Us in the QF Passage"
|
||||
description="📍 An der Frauenkirche 1, 01067 Dresden\n🕐 Open daily · Closes 19:30\n\nCome taste why our community loves our handcrafted specialty teas."
|
||||
buttons={[{ text: "Get Directions", href: "https://maps.google.com" }, { text: "Order for Pickup", href: "#" }]}
|
||||
<HeroCentered
|
||||
title="Delicious Food, Delivered Fast"
|
||||
description="Experience the best local flavors brought straight to your doorstep."
|
||||
avatars={[{ src: "https://images.unsplash.com/photo-1534528741775-53994a69daeb", alt: "Customer 1" }, { src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d", alt: "Customer 2" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-walking_23-2147996548.jpg"
|
||||
logoText="Fresh Tea Barista"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "Location", href: "#location" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Google Maps", href: "https://maps.google.com" }] }
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne names={["DoorDash", "UberEats", "Grubhub"]} title="Trusted by Leading Delivery Platforms" />
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
title="Our Signature Menu"
|
||||
description="Hand-crafted dishes made with fresh ingredients."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "1", name: "Classic Burger", price: "$12", imageSrc: "https://images.unsplash.com/photo-1568901346375-23c9450c58cd" },
|
||||
{ id: "2", name: "Margherita Pizza", price: "$15", imageSrc: "https://images.unsplash.com/photo-1604382354936-07c5d9983bd3" },
|
||||
{ id: "3", name: "Fresh Salad", price: "$10", imageSrc: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd" }
|
||||
]}
|
||||
copyrightText="© 2025 Fresh Tea Barista | Handcrafted drinks in Dresden."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose Us?"
|
||||
description="Quality and convenience in every bite."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
negativeCard={{ items: ["No processed ingredients"] }}
|
||||
positiveCard={{ items: ["Farm-to-table quality", "24/7 Support"] }}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Happy Customers"
|
||||
description="See what people are saying about us."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice", handle: "@alice", testimonial: "Best food I ever had!", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Get in touch"
|
||||
description="We are here for you."
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="FoodieApp"
|
||||
imageSrc="https://images.unsplash.com/photo-1504674900247-0877df9cc836"
|
||||
columns={[{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user