bender/a51c9cfc-142b-4962-b0aa-d6064181d716
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-13 10:52:39 +00:00
parent 42caea989a 03643e4166
commit 4d8da55649
1 changed files with 144 additions and 372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

516
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Coffee, Facebook, Instagram, Twitter, Utensils } from "lucide-react";
import { Coffee, Instagram, Twitter, Facebook, Utensils } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,386 +29,158 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Experience",
id: "#experience",
},
{
name: "Our Vibe",
id: "#vibe",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Sancuary Café"
button={{
text: "Visit Us",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Experience", id: "#experience" },
{ name: "Our Vibe", id: "#vibe" },
{ name: "Menu", id: "#menu" },
{ name: "Contact", id: "#contact" },
]}
brandName="Sanctuary Café"
button={{ text: "Visit Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="More Than Coffee An Experience"
description="Step into warmth, connection, and craft Where specialty coffee meets cozy chaos—board games, signature burgers, and friends collide in our aesthetic sanctuary"
testimonials={[
{
name: "Maya Lee",
handle: "@maya.creates",
testimonial: "The absolute best vibe for editing videos and sipping lattes. So aesthetic!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
},
{
name: "Liam V.",
handle: "@liamv",
testimonial: "Best burger in town and the board games are a total win for our friend group.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256899.jpg",
},
{
name: "Sarah J.",
handle: "@sj_work",
testimonial: "My go-to remote workspace. The WiFi is solid and the atmosphere is pure zen.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-blonde-woman-working-home_23-2148471023.jpg",
},
{
name: "Alex B.",
handle: "@alexb_art",
testimonial: "The neon accents and the coffee quality? Perfection. Instagram gold.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/double-date-with-best-friends-homey-atmosphere-quiet-small-local-cafe_8353-10582.jpg",
},
{
name: "Chloe Z.",
handle: "@chloez",
testimonial: "A sanctuary. Really appreciate the curated feel of this space.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-homewear_23-2150172269.jpg",
},
]}
tag="New Season Now Open"
buttons={[
{
text: "Explore the Vibe",
href: "#vibe",
},
{
text: "Visit Us Today",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14731.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg",
alt: "Customer profile one",
},
{
src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg",
alt: "Customer profile two",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
alt: "Customer profile three",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg",
alt: "Customer profile four",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-sitting-cafe-holding-smartphone-chatting-messaging-while-drinki_1258-124875.jpg",
alt: "Customer profile five",
},
]}
avatarText="Join our community of 500+ locals"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="More Than Coffee An Experience"
description="Step into warmth, connection, and craft Where specialty coffee meets cozy chaos—board games, signature burgers, and friends collide in our aesthetic sanctuary"
testimonials={[
{ name: "Maya Lee", handle: "@maya.creates", testimonial: "The absolute best vibe for editing videos and sipping lattes. So aesthetic!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg" },
{ name: "Liam V.", handle: "@liamv", testimonial: "Best burger in town and the board games are a total win for our friend group.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256899.jpg" },
{ name: "Sarah J.", handle: "@sj_work", testimonial: "My go-to remote workspace. The WiFi is solid and the atmosphere is pure zen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-blonde-woman-working-home_23-2148471023.jpg" },
{ name: "Alex B.", handle: "@alexb_art", testimonial: "The neon accents and the coffee quality? Perfection. Instagram gold.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/double-date-with-best-friends-homey-atmosphere-quiet-small-local-cafe_8353-10582.jpg" },
{ name: "Chloe Z.", handle: "@chloez", testimonial: "A sanctuary. Really appreciate the curated feel of this space.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-homewear_23-2150172269.jpg" }
]}
tag="New Season Now Open"
buttons={[{ text: "Explore the Vibe", href: "#vibe" }, { text: "Visit Us Today", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14731.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg", alt: "Customer profile one" },
{ src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", alt: "Customer profile two" },
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Customer profile three" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg", alt: "Customer profile four" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-sitting-cafe-holding-smartphone-chatting-messaging-while-drinki_1258-124875.jpg", alt: "Customer profile five" }
]}
avatarText="Join our community of 500+ locals"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Crafted for Connection"
description="We believe a café should be more than a transaction. It's a sanctuary for the dreamers, the makers, and the social spirits. From our locally sourced beans to our curated board game library, every detail is intentional."
buttons={[
{
text: "Our Story",
href: "#",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-245344.jpg?_wi=1"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Crafted for Connection"
description="We believe a café should be more than a transaction. It's a sanctuary for the dreamers, the makers, and the social spirits. From our locally sourced beans to our curated board game library, every detail is intentional."
buttons={[{ text: "Our Story", href: "#" }]}
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-245344.jpg"
/>
</div>
<div id="vibe" data-section="vibe">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Artisan Brewing",
description: "Precision-crafted pour-overs and signature espresso blends.",
icon: Coffee,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/cookies-fresh-coffee-made-from-coffee-beans_23-2148326705.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-618.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14731.jpg?_wi=2",
imageAlt: "fresh specialty coffee roasting closeup",
},
{
title: "Gourmet Bites",
description: "Handcrafted burgers, toasts, and seasonal small plates.",
icon: Utensils,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mix-figs-nuts-plate-with-strawberries_23-2148352343.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509050.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-245344.jpg?_wi=2",
imageAlt: "fresh specialty coffee roasting closeup",
},
{
title: "Social Play",
description: "Hand-picked board games for group nights and date weekends.",
icon: Coffee,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/good-friends-playing-tabletop-game_23-2147718788.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407011.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/glass-raw-dry-buckwheat-placed-blue-surface_2831-8947.jpg?_wi=1",
imageAlt: "fresh specialty coffee roasting closeup",
},
]}
title="The Sanctuary Experience"
description="Discover what makes our space the premier aesthetic hangout."
/>
</div>
<div id="vibe" data-section="vibe">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Artisan Brewing", description: "Precision-crafted pour-overs and signature espresso blends.", icon: Coffee, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/cookies-fresh-coffee-made-from-coffee-beans_23-2148326705.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-618.jpg" }] },
{ title: "Gourmet Bites", description: "Handcrafted burgers, toasts, and seasonal small plates.", icon: Utensils, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mix-figs-nuts-plate-with-strawberries_23-2148352343.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509050.jpg" }] },
{ title: "Social Play", description: "Hand-picked board games for group nights and date weekends.", icon: Coffee, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/good-friends-playing-tabletop-game_23-2147718788.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407011.jpg" }] }
]}
title="The Sanctuary Experience"
description="Discover what makes our space the premier aesthetic hangout."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Signature Roast",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/glass-raw-dry-buckwheat-placed-blue-surface_2831-8947.jpg?_wi=2",
},
{
id: "p2",
name: "Sanctuary Burger",
price: "$16.50",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomato-sauteed-bell-peppers-parsley-lemon-olive-oil_141793-2287.jpg",
},
{
id: "p3",
name: "Double Choc Tart",
price: "$8.00",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondue-with-ice-cream-ball-forest-berries-top_114579-2314.jpg",
},
{
id: "p4",
name: "Iced Matcha Latte",
price: "$7.00",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648689.jpg",
},
{
id: "p5",
name: "Avocado Sourdough",
price: "$14.00",
imageSrc: "http://img.b2bpic.net/free-photo/red-smoothie-breakfast-white-table-near-window_23-2148067179.jpg",
},
{
id: "p6",
name: "Classic Flat White",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-coffee-cup_23-2148892840.jpg",
},
]}
title="Signature Menu"
description="Curated flavors, thoughtfully prepared."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Signature Roast", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-raw-dry-buckwheat-placed-blue-surface_2831-8947.jpg" },
{ id: "p2", name: "Sanctuary Burger", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomato-sauteed-bell-peppers-parsley-lemon-olive-oil_141793-2287.jpg" },
{ id: "p3", name: "Double Choc Tart", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondue-with-ice-cream-ball-forest-berries-top_114579-2314.jpg" },
{ id: "p4", name: "Iced Matcha Latte", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648689.jpg" },
{ id: "p5", name: "Avocado Sourdough", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/red-smoothie-breakfast-white-table-near-window_23-2148067179.jpg" },
{ id: "p6", name: "Classic Flat White", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-coffee-cup_23-2148892840.jpg" }
]}
title="Signature Menu"
description="Curated flavors, thoughtfully prepared."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "12+",
title: "Artisan Roasts",
items: [
"Local partners",
"Small batch",
"Fair trade",
],
},
{
id: "m2",
value: "50+",
title: "Board Games",
items: [
"Strategy",
"Classics",
"Party games",
],
},
{
id: "m3",
value: "4.9★",
title: "Community Rating",
items: [
"Top-rated",
"Local gem",
"Well loved",
],
},
]}
title="The Sanctuary by the Numbers"
description="Evidence of our commitment to quality and community."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{ id: "m1", value: "12+", title: "Artisan Roasts", items: ["Local partners", "Small batch", "Fair trade"] },
{ id: "m2", value: "50+", title: "Board Games", items: ["Strategy", "Classics", "Party games"] },
{ id: "m3", value: "4.9★", title: "Community Rating", items: ["Top-rated", "Local gem", "Well loved"] }
]}
title="The Sanctuary by the Numbers"
description="Evidence of our commitment to quality and community."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Maya Lee",
handle: "@maya.creates",
testimonial: "So aesthetic, I could spend all day here editing videos.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
},
{
id: "t2",
name: "Liam V.",
handle: "@liamv",
testimonial: "Best burger in town and a great vibe for the crew.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-cafe-with-cup-coffee-tea-photo-with-shadows_231208-5209.jpg",
},
{
id: "t3",
name: "Sarah J.",
handle: "@sj_work",
testimonial: "The perfect remote working sanctuary, so peaceful.",
imageSrc: "http://img.b2bpic.net/free-photo/young-freelancer-is-reading-her-notes-while-sitting-her-office_613910-15038.jpg",
},
{
id: "t4",
name: "Alex B.",
handle: "@alexb_art",
testimonial: "The coffee quality is unmatched. Pure perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
},
{
id: "t5",
name: "Chloe Z.",
handle: "@chloez",
testimonial: "A truly curated experience that feels like home.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16382.jpg",
},
]}
title="Loved by the Community"
description="Hear what our regulars are saying about the Sanctuary experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Maya Lee", handle: "@maya.creates", testimonial: "So aesthetic, I could spend all day here editing videos.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg" },
{ id: "t2", name: "Liam V.", handle: "@liamv", testimonial: "Best burger in town and a great vibe for the crew.", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-cafe-with-cup-coffee-tea-photo-with-shadows_231208-5209.jpg" },
{ id: "t3", name: "Sarah J.", handle: "@sj_work", testimonial: "The perfect remote working sanctuary, so peaceful.", imageSrc: "http://img.b2bpic.net/free-photo/young-freelancer-is-reading-her-notes-while-sitting-her-office_613910-15038.jpg" },
{ id: "t4", name: "Alex B.", handle: "@alexb_art", testimonial: "The coffee quality is unmatched. Pure perfection.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg" },
{ id: "t5", name: "Chloe Z.", handle: "@chloez", testimonial: "A truly curated experience that feels like home.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16382.jpg" }
]}
title="Loved by the Community"
description="Hear what our regulars are saying about the Sanctuary experience."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you have free WiFi?",
content: "Yes, high-speed, reliable fiber internet for all our creative guests.",
},
{
id: "f2",
title: "Can I bring my pet?",
content: "Yes! Our patio is pet-friendly for all well-behaved furry friends.",
},
{
id: "f3",
title: "Do you host events?",
content: "We do private bookings for groups of 10 or more. Email us for inquiries.",
},
]}
title="Common Questions"
description="Everything you need to know about our café life."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you have free WiFi?", content: "Yes, high-speed, reliable fiber internet for all our creative guests." },
{ id: "f2", title: "Can I bring my pet?", content: "Yes! Our patio is pet-friendly for all well-behaved furry friends." },
{ id: "f3", title: "Do you host events?", content: "We do private bookings for groups of 10 or more. Email us for inquiries." }
]}
title="Common Questions"
description="Everything you need to know about our café life."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Visit Us"
title="Come Join the Vibe"
description="Drop your email below for our monthly secret menu alerts and community event updates."
imageSrc="http://img.b2bpic.net/free-photo/beautiful-tattooed-girl-wearing-denim-coat-holding-cup-with-takeaway-coffee-outside-near-cafe_613910-5121.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Visit Us"
title="Come Join the Vibe"
description="Drop your email below for our monthly secret menu alerts and community event updates."
imageSrc="http://img.b2bpic.net/free-photo/beautiful-tattooed-girl-wearing-denim-coat-holding-cup-with-takeaway-coffee-outside-near-cafe_613910-5121.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Sanctuary"
copyrightText="© 2025 Sanctuary Café. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Sanctuary"
copyrightText="© 2025 Sanctuary Café. All rights reserved."
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);