Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
287
src/app/page.tsx
287
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Slow Brew"
|
||||
/>
|
||||
@@ -57,101 +49,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Slow Brewed Moments."
|
||||
description="Your quiet corner in the heart of the neighborhood. Come for the coffee, stay for the peace."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_brew",
|
||||
testimonial: "The best cold brew I've had in years. So smooth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg?_wi=1",
|
||||
imageAlt: "cozy coffee shop interior warm light",
|
||||
},
|
||||
name: "Elena R.", handle: "@elena_brew", testimonial: "The best cold brew I've had in years. So smooth.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg", imageAlt: "cozy coffee shop interior warm light"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@marky",
|
||||
testimonial: "Quiet enough to work, friendly enough to stay.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187562.jpg",
|
||||
imageAlt: "cozy coffee shop interior warm light",
|
||||
},
|
||||
name: "Mark D.", handle: "@marky", testimonial: "Quiet enough to work, friendly enough to stay.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187562.jpg", imageAlt: "cozy coffee shop interior warm light"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sj_coffee",
|
||||
testimonial: "The house blend is truly unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-coffee-maker_23-2148366573.jpg?_wi=1",
|
||||
imageAlt: "cozy coffee shop interior warm light",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sj_coffee", testimonial: "The house blend is truly unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-coffee-maker_23-2148366573.jpg", imageAlt: "cozy coffee shop interior warm light"},
|
||||
{
|
||||
name: "Tom P.",
|
||||
handle: "@tp_beans",
|
||||
testimonial: "My morning ritual is not complete without them.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pastry-wooden-surface_23-2147892931.jpg?_wi=1",
|
||||
imageAlt: "cozy coffee shop interior warm light",
|
||||
},
|
||||
name: "Tom P.", handle: "@tp_beans", testimonial: "My morning ritual is not complete without them.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pastry-wooden-surface_23-2147892931.jpg", imageAlt: "cozy coffee shop interior warm light"},
|
||||
{
|
||||
name: "Jane L.",
|
||||
handle: "@janel",
|
||||
testimonial: "Love the local art on the walls.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-golden-croissants-dark-slate-background_84443-85775.jpg?_wi=1",
|
||||
imageAlt: "cozy coffee shop interior warm light",
|
||||
},
|
||||
name: "Jane L.", handle: "@janel", testimonial: "Love the local art on the walls.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-golden-croissants-dark-slate-background_84443-85775.jpg", imageAlt: "cozy coffee shop interior warm light"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-mug_74190-2644.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-mug_74190-2644.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-reading-book-club_23-2150062120.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-reading-book-club_23-2150062120.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join our 500+ daily regulars."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Artisan Roasted",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "Artisan Roasted", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Owned",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Locally Owned", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ethical Sourcing",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Ethical Sourcing", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quiet Atmosphere",
|
||||
icon: Moon,
|
||||
type: "text-icon", text: "Quiet Atmosphere", icon: Moon,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Pastries",
|
||||
icon: Croissant,
|
||||
type: "text-icon", text: "Fresh Pastries", icon: Croissant,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -164,19 +110,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Ethically Sourced",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Ethically Sourced", value: "100%"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Slow Roasted",
|
||||
value: "48h",
|
||||
},
|
||||
label: "Slow Roasted", value: "48h"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Local Partners",
|
||||
value: "12+",
|
||||
},
|
||||
label: "Local Partners", value: "12+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -190,41 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Drip",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pastry-wooden-surface_23-2147892931.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Signature Drip", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pastry-wooden-surface_23-2147892931.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Buttery Croissant",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-golden-croissants-dark-slate-background_84443-85775.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Buttery Croissant", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/three-golden-croissants-dark-slate-background_84443-85775.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Cappuccino",
|
||||
price: "$5.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-coffee-with-grinder-milk_23-2148441245.jpg",
|
||||
},
|
||||
id: "p3", name: "Classic Cappuccino", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-coffee-with-grinder-milk_23-2148441245.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "House Cold Brew",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pizza-slices-with-soda_23-2148262989.jpg",
|
||||
},
|
||||
id: "p4", name: "House Cold Brew", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pizza-slices-with-soda_23-2148262989.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Whole Bean Roast",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-bags-with-coffee-cup-table_9975-134629.jpg",
|
||||
},
|
||||
id: "p5", name: "Whole Bean Roast", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-bags-with-coffee-cup-table_9975-134629.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ceremonial Matcha",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-latte_1339-5388.jpg",
|
||||
},
|
||||
id: "p6", name: "Ceremonial Matcha", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-latte_1339-5388.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Hand-crafted beverages for every palate."
|
||||
@@ -238,28 +154,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Roast",
|
||||
description: "Roasted in small batches every morning.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-coffee-maker_23-2148366573.jpg?_wi=2",
|
||||
title: "Fresh Roast", description: "Roasted in small batches every morning.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-coffee-maker_23-2148366573.jpg", imageAlt: "modern espresso machine brewing"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Peak flavor profile",
|
||||
},
|
||||
text: "Peak flavor profile"},
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Sustainable practices",
|
||||
},
|
||||
text: "Sustainable practices"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Award-winning beans",
|
||||
},
|
||||
text: "Award-winning beans"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg?_wi=3",
|
||||
imageAlt: "modern espresso machine brewing",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -274,59 +183,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Avery D.",
|
||||
role: "Designer",
|
||||
company: "Local Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg",
|
||||
},
|
||||
id: "t1", name: "Avery D.", role: "Designer", company: "Local Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam K.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6756.jpg",
|
||||
},
|
||||
id: "t2", name: "Sam K.", role: "Student", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6756.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jamie L.",
|
||||
role: "Barista",
|
||||
company: "Self",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-carrying-mugs-with-coffee-his-colleagues_23-2148817106.jpg",
|
||||
},
|
||||
id: "t3", name: "Jamie L.", role: "Barista", company: "Self", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-carrying-mugs-with-coffee-his-colleagues_23-2148817106.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Taylor M.",
|
||||
role: "Architect",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-love-sitting-cafe-drinking-coffee-having-conversation-enjoying-time-spend-with-each-other-selective-focus-cup_273443-2568.jpg",
|
||||
},
|
||||
id: "t4", name: "Taylor M.", role: "Architect", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-love-sitting-cafe-drinking-coffee-having-conversation-enjoying-time-spend-with-each-other-selective-focus-cup_273443-2568.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Morgan R.",
|
||||
role: "Writer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desserts-tray-with-tea-milk_23-2148696264.jpg",
|
||||
},
|
||||
id: "t5", name: "Morgan R.", role: "Writer", company: "Freelance", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desserts-tray-with-tea-milk_23-2148696264.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Customer Rating"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Neighbors",
|
||||
},
|
||||
value: "500+", label: "Happy Neighbors"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Our Passion",
|
||||
},
|
||||
value: "24/7", label: "Our Passion"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="Hear what our regulars think."
|
||||
@@ -340,23 +218,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
title: "Coffee Brewed",
|
||||
value: "10,000+",
|
||||
},
|
||||
id: "m1", icon: Coffee,
|
||||
title: "Coffee Brewed", value: "10,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: MapPin,
|
||||
title: "Neighbourhoods",
|
||||
value: "3",
|
||||
},
|
||||
id: "m2", icon: MapPin,
|
||||
title: "Neighbourhoods", value: "3"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Guests",
|
||||
value: "5,000+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Happy Guests", value: "5,000+"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Data doesn't lie, but passion brews coffee."
|
||||
@@ -368,14 +237,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bean & Leaf",
|
||||
"Artisan Brew",
|
||||
"Roast Master",
|
||||
"Morning Grind",
|
||||
"Cup & Kettle",
|
||||
"Velvet Crema",
|
||||
"Bean Haven",
|
||||
]}
|
||||
"Bean & Leaf", "Artisan Brew", "Roast Master", "Morning Grind", "Cup & Kettle", "Velvet Crema", "Bean Haven"]}
|
||||
title="Proudly Serving Our Community"
|
||||
description="Partnering with the finest local businesses."
|
||||
/>
|
||||
@@ -385,14 +247,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Have a question? Stop by our corner for a chat."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -402,29 +261,19 @@ export default function LandingPage() {
|
||||
logoText="Slow Brew"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user