Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "product",
|
||||
},
|
||||
name: "Menu", id: "product"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Brew & Bean"
|
||||
/>
|
||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Artisanal Coffee, Brewed to Perfection"
|
||||
description="Experience the rich aromas and bold flavors of ethically sourced beans roasted right in our backyard. Your perfect cup awaits."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg",
|
||||
alt: "barista pouring coffee latte art",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg", alt: "barista pouring coffee latte art"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg",
|
||||
alt: "Woman in golden suit sits in the cafe ",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg", alt: "Woman in golden suit sits in the cafe "},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg",
|
||||
alt: "Luxury bar illuminated by modern lighting equipment generated by AI",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg", alt: "Luxury bar illuminated by modern lighting equipment generated by AI"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",
|
||||
alt: "Confident young indian man in black shirt standing at cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg", alt: "Confident young indian man in black shirt standing at cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
|
||||
alt: "Person in a cafe enjoying a book",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", alt: "Person in a cafe enjoying a book"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#product",
|
||||
},
|
||||
text: "View Menu", href: "#product"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Organic",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "100% Organic", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Roasted",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "Locally Roasted", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Sourcing",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Sustainable Sourcing", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fair Trade Certified",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Fair Trade Certified", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Freshness Guaranteed",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Freshness Guaranteed", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -121,45 +90,21 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Espresso",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-heart-shaped-cookies_23-2148381088.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Espresso", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-heart-shaped-cookies_23-2148381088.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Caramel Macchiato",
|
||||
price: "$5.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg",
|
||||
},
|
||||
id: "2", name: "Caramel Macchiato", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Flat White",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-table-grey-background_1220-7316.jpg",
|
||||
},
|
||||
id: "3", name: "Flat White", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-table-grey-background_1220-7316.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Signature Cappuccino",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2687.jpg",
|
||||
},
|
||||
id: "4", name: "Signature Cappuccino", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2687.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cold Brew",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-coffee-beans-placed-wooden-plate_1150-24169.jpg",
|
||||
},
|
||||
id: "5", name: "Cold Brew", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-coffee-beans-placed-wooden-plate_1150-24169.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mocha Bliss",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-96.jpg",
|
||||
},
|
||||
id: "6", name: "Mocha Bliss", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-96.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="A curated selection of our finest coffee creations, from classic espressos to decadent signature blends."
|
||||
@@ -173,19 +118,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Beans Roasted",
|
||||
value: "500kg+",
|
||||
},
|
||||
label: "Beans Roasted", value: "500kg+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Experience", value: "10+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Happy Clients", value: "10k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -198,20 +137,11 @@ export default function LandingPage() {
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Sustainability Score",
|
||||
},
|
||||
id: "m1", value: "98%", description: "Sustainability Score"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
description: "Single Origins",
|
||||
},
|
||||
id: "m2", value: "15", description: "Single Origins"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Freshness Guarantee",
|
||||
},
|
||||
id: "m3", value: "24h", description: "Freshness Guarantee"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -223,45 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great coffee",
|
||||
quote: "The best espresso I've ever had in this city.",
|
||||
name: "Alice M.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
},
|
||||
id: "t1", title: "Great coffee", quote: "The best espresso I've ever had in this city.", name: "Alice M.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Friendly spot",
|
||||
quote: "My daily morning ritual would not be complete without this cafe.",
|
||||
name: "Bob R.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-holding-thermo-cup-thoughtfully-looking-away-cozy-street-cafe_574295-2535.jpg",
|
||||
},
|
||||
id: "t2", title: "Friendly spot", quote: "My daily morning ritual would not be complete without this cafe.", name: "Bob R.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-holding-thermo-cup-thoughtfully-looking-away-cozy-street-cafe_574295-2535.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Cozy vibes",
|
||||
quote: "Love the atmosphere and the artisanal blends.",
|
||||
name: "Carla S.",
|
||||
role: "Writer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-laptop_23-2149271105.jpg",
|
||||
},
|
||||
id: "t3", title: "Cozy vibes", quote: "Love the atmosphere and the artisanal blends.", name: "Carla S.", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-laptop_23-2149271105.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Exceptional quality",
|
||||
quote: "The freshness of the beans is unmatched.",
|
||||
name: "David W.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756339.jpg",
|
||||
},
|
||||
id: "t4", title: "Exceptional quality", quote: "The freshness of the beans is unmatched.", name: "David W.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756339.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Perfect brew",
|
||||
quote: "Finally, a place that understands true coffee craft.",
|
||||
name: "Elena V.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg",
|
||||
},
|
||||
id: "t5", title: "Perfect brew", quote: "Finally, a place that understands true coffee craft.", name: "Elena V.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg"},
|
||||
]}
|
||||
title="Customer Favorites"
|
||||
description="Don't just take our word for it—our community of coffee lovers agrees."
|
||||
@@ -274,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you roast on-site?",
|
||||
content: "Yes, we roast daily to ensure maximum freshness.",
|
||||
},
|
||||
id: "f1", title: "Do you roast on-site?", content: "Yes, we roast daily to ensure maximum freshness."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you sell beans?",
|
||||
content: "Absolutely, we sell our single-origin beans in-store and online.",
|
||||
},
|
||||
id: "f2", title: "Do you sell beans?", content: "Absolutely, we sell our single-origin beans in-store and online."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have dairy-free options?",
|
||||
content: "We offer oat, almond, and soy milk alternatives.",
|
||||
},
|
||||
id: "f3", title: "Do you have dairy-free options?", content: "We offer oat, almond, and soy milk alternatives."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have answers about our brewing process."
|
||||
@@ -299,8 +190,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Connected"
|
||||
title="Join Our Coffee Club"
|
||||
description="Get updates on new seasonal roasts, workshops, and exclusive discounts."
|
||||
@@ -315,25 +205,17 @@ export default function LandingPage() {
|
||||
logoText="Brew & Bean"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#product",
|
||||
},
|
||||
label: "Menu", href: "#product"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Visit Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -342,4 +224,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user