Update src/app/page.tsx
This commit is contained in:
411
src/app/page.tsx
411
src/app/page.tsx
@@ -1,308 +1,141 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Coffee, Leaf, MapPin, ShieldCheck } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Leaf, Award, Coffee, MapPin, ShieldCheck } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Location", id: "location" }
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#why-us",
|
||||
},
|
||||
]}
|
||||
brandName="Fresh Tea Barista"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="Fresh Tea Barista" />
|
||||
</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: "Handcrafted Tea 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4956.jpg",
|
||||
alt: "Handcrafted Tea 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-pours-tea-from-tea-pot-into-armudu-glass-served-tea-setup_141793-1925.jpg",
|
||||
alt: "Handcrafted Tea 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-barista-black-working-suit-with-ingredients-coffee-equipment-brown-coffee-seeds-white_140725-14659.jpg",
|
||||
alt: "Handcrafted Tea 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-teapot-blurred-background_169016-35408.jpg",
|
||||
alt: "Handcrafted Tea 5",
|
||||
},
|
||||
]}
|
||||
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="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: "Handcrafted Tea 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4956.jpg", alt: "Handcrafted Tea 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-pours-tea-from-tea-pot-into-armudu-glass-served-tea-setup_141793-1925.jpg", alt: "Handcrafted Tea 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-barista-black-working-suit-with-ingredients-coffee-equipment-brown-coffee-seeds-white_140725-14659.jpg", alt: "Handcrafted Tea 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-teapot-blurred-background_169016-35408.jpg", alt: "Handcrafted Tea 5" }
|
||||
]}
|
||||
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="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="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="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}
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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?_wi=3",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices from our Guests"
|
||||
description="See why our customers are making us a highlight of their Dresden trip."
|
||||
/>
|
||||
</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
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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: "#" }]}
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Fresh Tea Barista | Handcrafted drinks in Dresden."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<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" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Fresh Tea Barista | Handcrafted drinks in Dresden."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user