Merge version_1 into main #1
262
src/app/page.tsx
262
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "locations",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Locations", id: "locations" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Merit Coffee Co."
|
||||
/>
|
||||
@@ -55,43 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Merit Coffee Co."
|
||||
description="Smooth, powerful coffee. Warm hospitality. A calm atmosphere that makes you want to stay a little longer."
|
||||
tag="Artisan Coffee Experience"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Coffee",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Order Coffee", href: "#menu" }, { text: "View Menu", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-blue-teacup_23-2148567574.jpg",
|
||||
imageAlt: "Luxury coffee shop espresso",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-casual-young-asian-man-wear-leather-jacket-spending-time-cafe-speaking-mobile-phone_627829-1263.jpg",
|
||||
imageAlt: "Barista making coffee latte art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-bakers-drinking-coffee_171337-14160.jpg",
|
||||
imageAlt: "Loving couple bakers drinking coffee.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-metal-cup-table_181624-60257.jpg",
|
||||
imageAlt: "Closeup of coffee in a metal cup on a table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-cups-row_23-2147717316.jpg",
|
||||
imageAlt: "Three cups in a row",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-blue-teacup_23-2148567574.jpg", imageAlt: "Luxury coffee shop espresso" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-casual-young-asian-man-wear-leather-jacket-spending-time-cafe-speaking-mobile-phone_627829-1263.jpg", imageAlt: "Barista making coffee latte art" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,31 +64,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="More than coffee. It's a feeling."
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Coffee Quality",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Freshness",
|
||||
value: "Daily",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Experience",
|
||||
value: "Cozy",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Roasting",
|
||||
value: "Small Batch",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Location",
|
||||
value: "Local",
|
||||
},
|
||||
{ icon: Coffee, label: "Coffee Quality", value: "Premium" },
|
||||
{ icon: Clock, label: "Freshness", value: "Daily" },
|
||||
{ icon: Smile, label: "Experience", value: "Cozy" },
|
||||
{ icon: Award, label: "Roasting", value: "Small Batch" },
|
||||
{ icon: MapPin, label: "Location", value: "Local" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -141,27 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fresh Pastries",
|
||||
description: "Golden, crispy, flaky croissants baked daily.",
|
||||
tag: "Bakery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-holding-coffee-croissant_23-2147758270.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Matcha Drinks",
|
||||
description: "Creative matcha blends with creamy richness.",
|
||||
tag: "Specialty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-matcha-green-tea-woman-hand-top-view_169016-33960.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Signature Cortado",
|
||||
description: "Strong, smooth brew with a silky finish.",
|
||||
tag: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-glass_23-2149045763.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Fresh Pastries", description: "Golden, crispy, flaky croissants baked daily.", tag: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-holding-coffee-croissant_23-2147758270.jpg" },
|
||||
{ id: "f2", title: "Matcha Drinks", description: "Creative matcha blends with creamy richness.", tag: "Specialty", imageSrc: "http://img.b2bpic.net/free-photo/cup-matcha-green-tea-woman-hand-top-view_169016-33960.jpg" },
|
||||
{ id: "f3", title: "Signature Cortado", description: "Strong, smooth brew with a silky finish.", tag: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-glass_23-2149045763.jpg" },
|
||||
]}
|
||||
title="Crafted with Intent"
|
||||
description="Every detail is designed to feel intentional and welcoming."
|
||||
@@ -175,60 +96,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Merit",
|
||||
name: "Signature Cortado",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-cups-coffee-wooden-board-with-coffee-beans_114579-73591.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Merit",
|
||||
name: "Berry Matcha",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23336.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Merit",
|
||||
name: "Ham Croissant",
|
||||
price: "$5.50",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissant-sandwich-ham_1339-7775.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Merit",
|
||||
name: "Espresso Shot",
|
||||
price: "$3.00",
|
||||
rating: 4,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Merit",
|
||||
name: "Pour Over",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14720.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Merit",
|
||||
name: "Cold Brew",
|
||||
price: "$4.75",
|
||||
rating: 5,
|
||||
reviewCount: "115",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-brew-maker-jar-freshness_1203-3928.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Merit", name: "Signature Cortado", price: "$4.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/two-cups-coffee-wooden-board-with-coffee-beans_114579-73591.jpg" },
|
||||
{ id: "p2", brand: "Merit", name: "Berry Matcha", price: "$6.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23336.jpg" },
|
||||
{ id: "p3", brand: "Merit", name: "Ham Croissant", price: "$5.50", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/croissant-sandwich-ham_1339-7775.jpg" },
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Crafted to become your new obsession."
|
||||
@@ -239,31 +109,9 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Eduardo L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424050.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michaela D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Shelley E.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-314069.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Eduardo L.", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424050.jpg" },
|
||||
{ id: "t2", name: "Michaela D.", imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg" },
|
||||
{ id: "t3", name: "Shelley E.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg" },
|
||||
]}
|
||||
cardTitle="Guest Reviews"
|
||||
cardTag="Real Customer Love"
|
||||
@@ -275,15 +123,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Merit Coffee",
|
||||
"Roast Master",
|
||||
"Bakery Guild",
|
||||
"Cafe Collective",
|
||||
"Specialty Roasters",
|
||||
"Sustainable Brew",
|
||||
"Local Grounds",
|
||||
]}
|
||||
names={["Merit Coffee", "Roast Master", "Bakery Guild", "Cafe Collective", "Specialty Roasters"]}
|
||||
title="Join Our Community"
|
||||
description="Trusted by coffee enthusiasts and local cafes alike."
|
||||
/>
|
||||
@@ -294,21 +134,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we provide catering for events.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your beans sustainable?",
|
||||
content: "We source all beans ethically.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I work from your shop?",
|
||||
content: "Absolutely, we have cozy seating.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer catering?", content: "Yes, we provide catering for events." },
|
||||
{ id: "q2", title: "Are your beans sustainable?", content: "We source all beans ethically." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have answers."
|
||||
@@ -319,16 +146,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Come for the coffee. Stay for the atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Merit",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Visit Merit", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -336,32 +156,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Merit Coffee Co."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#locations",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Locations", href: "#locations" }] },
|
||||
{ title: "Help", items: [{ label: "Contact", href: "#contact" }, { label: "Menu", href: "#menu" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Merit Coffee Co. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user