Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
282
src/app/page.tsx
282
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Roast & Root"
|
||||
/>
|
||||
@@ -54,303 +42,101 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Roast & Root"
|
||||
description="Where the precision of artisan coffee meets the warmth of farm-to-table dining. Experience elevated flavors crafted for discerning palates."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg"
|
||||
buttons={[{ text: "View Menu", href: "#products" }, { text: "Book a Table", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfu57EZlzpjmpwPNBuvZRChHZ/uploaded-1778067041351-spdj8zj9.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy"
|
||||
description={[
|
||||
"Every bean we source is ethical, every dish we serve is fresh, and every guest who enters our home becomes part of our journey.",
|
||||
"From quiet morning brews to late-night culinary explorations, we bridge the gap between specialty craftsmanship and everyday comfort.",
|
||||
]}
|
||||
"Every bean we source is ethical, every dish we serve is fresh, and every guest who enters our home becomes part of our journey.", "From quiet morning brews to late-night culinary explorations, we bridge the gap between specialty craftsmanship and everyday comfort."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Roast",
|
||||
name: "Ethiopian Heirloom Roast",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "124",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-tuna-salad-white-bowl_1203-7388.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Roast",
|
||||
name: "Bourbon Honey Process",
|
||||
price: "$22",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-coffee-concept_23-2148464854.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Dining",
|
||||
name: "Farmhouse Poached Eggs",
|
||||
price: "$16",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-choco-eclairs-with-cookies-light-floor-biscuit-cake-dessert-cookie_140725-124062.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Dining",
|
||||
name: "Sourdough Avocado Toast",
|
||||
price: "$14",
|
||||
rating: 5,
|
||||
reviewCount: "342",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-different-cookies-left-chopping-board-right-side-white-wooden-table_140725-90029.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Roast",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$9",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-full-roasted-coffee-beans-marble-surface_114579-43561.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Dining",
|
||||
name: "Seasonal Fruit Tart",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "102",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diligent-pensive-man-glasses-his-pottery-workshop-is-workig-new-project_613910-20858.jpg",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
title="Signature Selections"
|
||||
description="Explore our curated selection of roasts and seasonal plates."
|
||||
products={[
|
||||
{ id: "p1", brand: "Roast", name: "Ethiopian Heirloom Roast", price: "$18", rating: 5, reviewCount: "124", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfu57EZlzpjmpwPNBuvZRChHZ/uploaded-1778067041352-fc54afn7.jpg" },
|
||||
{ id: "p2", brand: "Roast", name: "Bourbon Honey Process", price: "$22", rating: 5, reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfu57EZlzpjmpwPNBuvZRChHZ/uploaded-1778067041352-eyp2dwzq.jpg" },
|
||||
{ id: "p3", brand: "Dining", name: "Farmhouse Poached Eggs", price: "$16", rating: 4, reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfu57EZlzpjmpwPNBuvZRChHZ/uploaded-1778067041352-t9bk1cms.jpg" },
|
||||
{ id: "p4", brand: "Dining", name: "Sourdough Avocado Toast", price: "$14", rating: 5, reviewCount: "342", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfu57EZlzpjmpwPNBuvZRChHZ/uploaded-1778067041352-fswfjb8s.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Intent"
|
||||
description="Our process respects the ingredient, the farmer, and the final cup or plate."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Precision Roasting",
|
||||
content: "Small-batch roasting ensures peak flavor profile retention for every origin.",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Locally Sourced",
|
||||
content: "We partner with local farms to bring the freshest ingredients daily to our kitchen.",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Artisan Brewing",
|
||||
content: "Expert baristas utilize traditional and modern techniques for every brew method.",
|
||||
},
|
||||
{ id: "a1", title: "Precision Roasting", content: "Small-batch roasting ensures peak flavor profile retention." },
|
||||
{ id: "a2", title: "Locally Sourced", content: "We partner with local farms to bring the freshest ingredients daily." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-165382.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfu57EZlzpjmpwPNBuvZRChHZ/uploaded-1778067041351-spdj8zj9.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Guest Stories"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Eleanor P.",
|
||||
role: "Food Critic",
|
||||
testimonial: "The balance of acidity in their pour-over is simply world-class. A true neighborhood staple.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus W.",
|
||||
role: "Architect",
|
||||
testimonial: "The atmosphere is perfect for both a morning focus session and an evening dining experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia R.",
|
||||
role: "Musician",
|
||||
testimonial: "I travel across town just for their sourdough. It's the highlight of my weekend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-laugh_23-2148395406.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Local Resident",
|
||||
testimonial: "Consistency is key, and they deliver every single time. Best espresso in the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-coffee-shop_23-2150183748.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah K.",
|
||||
role: "Creative Director",
|
||||
testimonial: "The ambiance paired with the attention to detail in food is just unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-cafe-near-window_171337-18122.jpg",
|
||||
},
|
||||
{ id: "1", name: "Eleanor P.", role: "Food Critic", testimonial: "The balance of acidity is world-class." },
|
||||
{ id: "2", name: "Marcus W.", role: "Architect", testimonial: "Perfect for morning focus sessions." }
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our community says about their experience at Roast & Root."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Bean Origins",
|
||||
description: "Global partnerships",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-coffee-beans-flat-lay_23-2148254982.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Daily Plates",
|
||||
description: "Fresh meals served",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-concept_23-2147798043.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Community Members",
|
||||
description: "Happy coffee drinkers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-spending-good-time-together-while-drinking-cup-coffee-home_58466-16008.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measurable quality, every single day."
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Origins", description: "Global partnerships", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfu57EZlzpjmpwPNBuvZRChHZ/uploaded-1778067041352-fc54afn7.jpg" },
|
||||
{ id: "m2", value: "200+", title: "Plates", description: "Fresh daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfu57EZlzpjmpwPNBuvZRChHZ/uploaded-1778067041352-t9bk1cms.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, for dining dinner service only. Coffee is walk-in only.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your beans organic?",
|
||||
content: "We prioritize organic and ethically sourced coffee from fair-trade cooperatives.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, contact our team for coffee bar or dining catering options.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25273.jpg"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our cafe and dining room."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you accept reservations?", content: "Yes, for dinner service." },
|
||||
{ id: "q2", title: "Are your beans organic?", content: "Yes, we prioritize fair-trade." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfu57EZlzpjmpwPNBuvZRChHZ/uploaded-1778067041352-fswfjb8s.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Keep in Touch"
|
||||
title="Join Our Newsletter"
|
||||
description="Receive updates on new seasonal roasts, menu changes, and exclusive events."
|
||||
description="Receive updates on seasonal roasts and events."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Roast & Root"
|
||||
columns={[{ items: [{ label: "About" }, { label: "Menu" }, { label: "Contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user