Merge version_1 into main #1
258
src/app/page.tsx
258
src/app/page.tsx
@@ -32,30 +32,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew & Bean"
|
||||
/>
|
||||
@@ -63,23 +45,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Brew & Bean"
|
||||
description="Artisanal coffee brewed to perfection in the heart of the city. Experience the perfect blend of warmth and flavor."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
|
||||
imageAlt="cozy cafe interior interior design"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Menu", href: "#menu" }, { text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,18 +60,9 @@ export default function LandingPage() {
|
||||
title="Our Passion"
|
||||
description="We believe coffee is more than just a drink; it's a craft. Our beans are sourced ethically from the best growers around the world, roasted locally to preserve their unique profile."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Roasting",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Unique Blends",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fair Trade",
|
||||
},
|
||||
{ value: "10+", title: "Years Roasting" },
|
||||
{ value: "50+", title: "Unique Blends" },
|
||||
{ value: "100%", title: "Fair Trade" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-cup-full-roasted-coffee-beans_23-2148251685.jpg"
|
||||
imageAlt="coffee beans close up roasted"
|
||||
@@ -114,42 +76,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Latte",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691639.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Cappuccino",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee_74190-3817.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cold Brew Tonic",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-glass-juice-with-yellow-pipe-wooden-platter-with-white-notebook-high-quality-photo_114579-53142.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Butter Croissant",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-bagels-notepad-flat-lay_23-2148516630.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Berry Tart",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-screen-with-message-screen-matcha-green-tea-cup-cake-slice-plate-white-background_23-2148067020.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Double Espresso",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-glass-coffee-beans-dark-surface_181624-591.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Signature Latte", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691639.jpg" },
|
||||
{ id: "p2", name: "Classic Cappuccino", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee_74190-3817.jpg" },
|
||||
{ id: "p3", name: "Cold Brew Tonic", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/orange-glass-juice-with-yellow-pipe-wooden-platter-with-white-notebook-high-quality-photo_114579-53142.jpg" },
|
||||
{ id: "p4", name: "Butter Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/homemade-bagels-notepad-flat-lay_23-2148516630.jpg" },
|
||||
{ id: "p5", name: "Berry Tart", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/mobile-screen-with-message-screen-matcha-green-tea-cup-cake-slice-plate-white-background_23-2148067020.jpg" },
|
||||
{ id: "p6", name: "Double Espresso", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-glass-coffee-beans-dark-surface_181624-591.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our hand-crafted selection of beverages and artisanal pastries."
|
||||
@@ -158,30 +90,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Brewing",
|
||||
subtitle: "State-of-the-art equipment",
|
||||
category: "Craft",
|
||||
value: "Expertly calibrated",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cozy Atmosphere",
|
||||
subtitle: "Perfect place to relax",
|
||||
category: "Vibe",
|
||||
value: "Warm & Inviting",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fast Connectivity",
|
||||
subtitle: "High speed workspace",
|
||||
category: "Utility",
|
||||
value: "Unlimited Wi-Fi",
|
||||
},
|
||||
{ id: "f1", title: "Precision Brewing", subtitle: "State-of-the-art equipment", category: "Craft", value: "Expertly calibrated" },
|
||||
{ id: "f2", title: "Cozy Atmosphere", subtitle: "Perfect place to relax", category: "Vibe", value: "Warm & Inviting" },
|
||||
{ id: "f3", title: "Fast Connectivity", subtitle: "High speed workspace", category: "Utility", value: "Unlimited Wi-Fi" },
|
||||
]}
|
||||
title="The Cafe Experience"
|
||||
description="Everything we do is designed to make your visit special."
|
||||
@@ -194,24 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
title: "Cups Served",
|
||||
value: "1.2M+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Guests",
|
||||
value: "450k+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "15",
|
||||
},
|
||||
{ id: "m1", icon: Coffee, title: "Cups Served", value: "1.2M+" },
|
||||
{ id: "m2", icon: Users, title: "Happy Guests", value: "450k+" },
|
||||
{ id: "m3", icon: Award, title: "Awards Won", value: "15" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Delivering quality one cup at a time."
|
||||
@@ -224,41 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "The best coffee in town. The atmosphere is always perfect for working.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-cup-coffee_1170-667.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie S.",
|
||||
handle: "@jamies",
|
||||
testimonial: "I visit every single day for their signature latte. Truly unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-sick-woman-holding-coffee-cup-against-white-background_23-2147889122.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Casey P.",
|
||||
handle: "@caseyp",
|
||||
testimonial: "Friendly staff, delicious pastries, and great coffee. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Taylor W.",
|
||||
handle: "@taylorw",
|
||||
testimonial: "A little slice of heaven. My go-to spot for weekend brunch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5917.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan M.",
|
||||
handle: "@jordanm",
|
||||
testimonial: "Simply wonderful. The roasted beans quality is evident in every sip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/always-is-great-spend-some-time-with-friends_329181-2895.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", handle: "@alexr", testimonial: "The best coffee in town. The atmosphere is always perfect for working.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-cup-coffee_1170-667.jpg" },
|
||||
{ id: "t2", name: "Jamie S.", handle: "@jamies", testimonial: "I visit every single day for their signature latte. Truly unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-sick-woman-holding-coffee-cup-against-white-background_23-2147889122.jpg" },
|
||||
{ id: "t3", name: "Casey P.", handle: "@caseyp", testimonial: "Friendly staff, delicious pastries, and great coffee. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg" },
|
||||
{ id: "t4", name: "Taylor W.", handle: "@taylorw", testimonial: "A little slice of heaven. My go-to spot for weekend brunch.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5917.jpg" },
|
||||
{ id: "t5", name: "Jordan M.", handle: "@jordanm", testimonial: "Simply wonderful. The roasted beans quality is evident in every sip.", imageSrc: "http://img.b2bpic.net/free-photo/always-is-great-spend-some-time-with-friends_329181-2895.jpg" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="See what our regulars are saying about us."
|
||||
@@ -267,87 +137,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer plant-based milk?",
|
||||
content: "Yes, we offer oat, almond, and soy milk at no extra charge.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your coffee ethically sourced?",
|
||||
content: "Absolutely. All our beans are ethically sourced and fair trade certified.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I book for an event?",
|
||||
content: "Yes, we offer private bookings for small events during off-peak hours.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer plant-based milk?", content: "Yes, we offer oat, almond, and soy milk at no extra charge." },
|
||||
{ id: "q2", title: "Is your coffee ethically sourced?", content: "Absolutely. All our beans are ethically sourced and fair trade certified." },
|
||||
{ id: "q3", title: "Can I book for an event?", content: "Yes, we offer private bookings for small events during off-peak hours." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-looking-day-menu_52683-113115.jpg"
|
||||
title="Common Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Join us today for a cup of perfection. Visit our cafe in the city center or follow us on socials for daily specials."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Brew & Bean"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user