Merge version_1 into main #2
467
src/app/page.tsx
467
src/app/page.tsx
@@ -17,336 +17,165 @@ import { Coffee, Croissant, Gift } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bloody Sweet"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bloody Sweet"
|
||||
button={{ text: "Visit Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Collect Sweet Moments"
|
||||
description="CAFÉ & SWISS DELIKATESSEN. Bloody Sweet is more than just a café – it’s a feeling. A place where indulgence meets elegance."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_sweet",
|
||||
testimonial: "The best croissants in Lucerne! A truly magical experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-stand_23-2150797774.jpg?_wi=1",
|
||||
imageAlt: "elegant swiss patisserie interior",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@mark_travel",
|
||||
testimonial: "Elegant, cozy, and perfectly Swiss. Will be back soon.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-rustic-strawberry-galette-pie-tarts-with-powdering-sugar-oven-tray_114579-1373.jpg",
|
||||
imageAlt: "elegant swiss patisserie interior",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elena_loves",
|
||||
testimonial: "A hidden gem in the city. Truly delightful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-food-breakfast-table_23-2148007251.jpg",
|
||||
imageAlt: "elegant swiss patisserie interior",
|
||||
},
|
||||
{
|
||||
name: "Thomas K.",
|
||||
handle: "@tom_swiss",
|
||||
testimonial: "The quality of ingredients is simply unmatched.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg?_wi=1",
|
||||
imageAlt: "elegant swiss patisserie interior",
|
||||
},
|
||||
{
|
||||
name: "Sophie M.",
|
||||
handle: "@sophie_desserts",
|
||||
testimonial: "Perfect atmosphere for afternoon tea.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-baker-puts-croissants-dough-into-oven_1303-32285.jpg?_wi=1",
|
||||
imageAlt: "elegant swiss patisserie interior",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-cake-stand_23-2150797774.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-macaroons-display-case_23-2147787073.jpg",
|
||||
alt: "Tasty macaroons on display case",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cake-with-walnuts-prunes-dried-apricots-dark-wood-background_505751-5234.jpg",
|
||||
alt: "cake with walnuts prunes and dried apricots on a dark wood background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glass-showcase-pastry-shop-with-variety-fresh-cakes-pastries-popular-sweet-desserts-offered-sale_639032-1341.jpg",
|
||||
alt: "Glass showcase of pastry shop with variety of fresh cakes and pastries. Popular sweet desserts offered for sale",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-sitting-cafe_171337-16952.jpg",
|
||||
alt: "Serious young redhead curly lady sitting in cafe.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-cake-stand_23-2150797774.jpg",
|
||||
alt: "elegant swiss patisserie interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Collect Sweet Moments"
|
||||
description="CAFÉ & SWISS DELIKATESSEN. Bloody Sweet is more than just a café – it’s a feeling. A place where indulgence meets elegance."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarah_sweet", testimonial: "The best croissants in Lucerne! A truly magical experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-stand_23-2150797774.jpg" },
|
||||
{ name: "Mark D.", handle: "@mark_travel", testimonial: "Elegant, cozy, and perfectly Swiss. Will be back soon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-rustic-strawberry-galette-pie-tarts-with-powdering-sugar-oven-tray_114579-1373.jpg" },
|
||||
{ name: "Elena P.", handle: "@elena_loves", testimonial: "A hidden gem in the city. Truly delightful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tasty-food-breakfast-table_23-2148007251.jpg" },
|
||||
{ name: "Thomas K.", handle: "@tom_swiss", testimonial: "The quality of ingredients is simply unmatched.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg" },
|
||||
{ name: "Sophie M.", handle: "@sophie_desserts", testimonial: "Perfect atmosphere for afternoon tea.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-baker-puts-croissants-dough-into-oven_1303-32285.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-cake-stand_23-2150797774.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to ",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Bloody Sweet",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Welcome to " },
|
||||
{ type: "text", content: "Bloody Sweet" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Artisan Coffee",
|
||||
description: "Expertly roasted beans served in an elegant setting.",
|
||||
},
|
||||
{
|
||||
icon: Croissant,
|
||||
title: "Fresh Pastries",
|
||||
description: "Buttery, freshly baked creations delivered daily.",
|
||||
},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Swiss Delikatessen",
|
||||
description: "Premium chocolates and local specialties.",
|
||||
},
|
||||
]}
|
||||
title="What We Offer"
|
||||
description="Handcrafted delicacies inspired by Swiss perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Coffee, title: "Artisan Coffee", description: "Expertly roasted beans served in an elegant setting." },
|
||||
{ icon: Croissant, title: "Fresh Pastries", description: "Buttery, freshly baked creations delivered daily." },
|
||||
{ icon: Gift, title: "Swiss Delikatessen", description: "Premium chocolates and local specialties." },
|
||||
]}
|
||||
title="What We Offer"
|
||||
description="Handcrafted delicacies inspired by Swiss perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Recipes",
|
||||
description: "Carefully curated Swiss delicacies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Moments",
|
||||
description: "Sweet memories collected daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-with-wooden-table-sunrise_1203-2110.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10",
|
||||
title: "Partners",
|
||||
description: "Working with finest artisans",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Passion"
|
||||
description="Every visit is a chance to pause and savor."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100+", title: "Recipes", description: "Carefully curated Swiss delicacies", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg" },
|
||||
{ id: "m2", value: "500+", title: "Moments", description: "Sweet memories collected daily", imageSrc: "http://img.b2bpic.net/free-photo/chair-with-wooden-table-sunrise_1203-2110.jpg" },
|
||||
{ id: "m3", value: "10", title: "Partners", description: "Working with finest artisans", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg" },
|
||||
]}
|
||||
title="Our Passion"
|
||||
description="Every visit is a chance to pause and savor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Service Excellence",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Julia",
|
||||
subtitle: "Lead Barista",
|
||||
detail: "Dedicated to the art of coffee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-baker-puts-croissants-dough-into-oven_1303-32285.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Max",
|
||||
subtitle: "Pastry Expert",
|
||||
detail: "Crafting sweet stories daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10436.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-stand_23-2150797774.jpg?_wi=3",
|
||||
imageAlt: "professional barista smiling",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Team"
|
||||
description="Heart, Style, & Passion behind every cup."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1", groupTitle: "Service Excellence", members: [
|
||||
{ id: "m1", title: "Julia", subtitle: "Lead Barista", detail: "Dedicated to the art of coffee.", imageSrc: "http://img.b2bpic.net/free-photo/man-baker-puts-croissants-dough-into-oven_1303-32285.jpg" },
|
||||
{ id: "m2", title: "Max", subtitle: "Pastry Expert", detail: "Crafting sweet stories daily.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10436.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Meet Our Team"
|
||||
description="Heart, Style, & Passion behind every cup."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-eyeglasses-black-jacket-writting-outdoors-beautiful-woman-with-red-lipstick-brunette-hair-sitting-stairs_197531-19326.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ben K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Clara S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-pattern-design_1224-41.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-okay-gesture-while-eat-salad-outdoors-cafe_231208-12139.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-eating_23-2147970531.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Collect Sweet Moments"
|
||||
cardTag="Stories"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-eyeglasses-black-jacket-writting-outdoors-beautiful-woman-with-red-lipstick-brunette-hair-sitting-stairs_197531-19326.jpg" },
|
||||
{ id: "t2", name: "Ben K.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg" },
|
||||
{ id: "t3", name: "Clara S.", imageSrc: "http://img.b2bpic.net/free-vector/coffee-pattern-design_1224-41.jpg" },
|
||||
{ id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-okay-gesture-while-eat-salad-outdoors-cafe_231208-12139.jpg" },
|
||||
{ id: "t5", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-eating_23-2147970531.jpg" },
|
||||
]}
|
||||
cardTitle="Collect Sweet Moments"
|
||||
cardTag="Stories"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "In the heart of Lucerne.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we focus on artisan and fresh ingredients.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you open daily?",
|
||||
content: "Check our opening hours on the website.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coworking-barista-manager-counter_1098-20969.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequent Questions"
|
||||
description="Everything you want to know about our cafe."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Where are you located?", content: "In the heart of Lucerne." },
|
||||
{ id: "f2", title: "Do you offer vegan options?", content: "Yes, we focus on artisan and fresh ingredients." },
|
||||
{ id: "f3", title: "Are you open daily?", content: "Check our opening hours on the website." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coworking-barista-manager-counter_1098-20969.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequent Questions"
|
||||
description="Everything you want to know about our cafe."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Subscribe for Sweet Moments"
|
||||
description="Sign up to receive updates on our new creations and café events."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Stay Updated"
|
||||
title="Subscribe for Sweet Moments"
|
||||
description="Sign up to receive updates on our new creations and café events."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Imprint",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "info@swiss-delikatessen.ch",
|
||||
href: "mailto:info@swiss-delikatessen.ch",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Bloody Sweet"
|
||||
copyrightText="© 2025 Swiss Delikatessen GmbH"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Information", items: [
|
||||
{ label: "Imprint", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [{ label: "info@swiss-delikatessen.ch", href: "mailto:info@swiss-delikatessen.ch" }],
|
||||
},
|
||||
]}
|
||||
logoText="Bloody Sweet"
|
||||
copyrightText="© 2025 Swiss Delikatessen GmbH"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user