Merge version_2 into main #1
299
src/app/page.tsx
299
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "philosophy",
|
||||
},
|
||||
name: "Philosophy", id: "philosophy"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
name: "Visit", id: "visit"},
|
||||
]}
|
||||
brandName="Simply Coffie"
|
||||
/>
|
||||
@@ -59,104 +49,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Simply Perfect."
|
||||
description="Crafted, not rushed. Experience the intersection of precision and calm."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg",
|
||||
imageAlt: "Coffee Craft",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg", imageAlt: "Coffee Craft"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-cup-brown-wooden-table_209848-81.jpg",
|
||||
imageAlt: "Coffee Shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-cup-brown-wooden-table_209848-81.jpg", imageAlt: "Coffee Shop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-pouring-tea-milk-glass-table-with-cookies_181624-34980.jpg",
|
||||
imageAlt: "Coffee Craft",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-pouring-tea-milk-glass-table-with-cookies_181624-34980.jpg", imageAlt: "Coffee Craft"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14731.jpg",
|
||||
imageAlt: "Coffee Shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14731.jpg", imageAlt: "Coffee Shop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-machine-cups-with-coffee-beans_23-2148522959.jpg",
|
||||
imageAlt: "Coffee Craft",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-machine-cups-with-coffee-beans_23-2148522959.jpg", imageAlt: "Coffee Craft"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg",
|
||||
imageAlt: "Coffee Shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg", imageAlt: "Coffee Shop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244122.jpg",
|
||||
imageAlt: "Coffee Craft",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244122.jpg", imageAlt: "Coffee Craft"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-tasty-cappuccino-enjoy-time-restaurant-fancy-atmosphere-coffee-lover_291049-418.jpg",
|
||||
imageAlt: "Coffee Shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-tasty-cappuccino-enjoy-time-restaurant-fancy-atmosphere-coffee-lover_291049-418.jpg", imageAlt: "Coffee Shop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloth-twig-near-cups-lamp_23-2147811208.jpg",
|
||||
imageAlt: "Coffee Craft",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloth-twig-near-cups-lamp_23-2147811208.jpg", imageAlt: "Coffee Craft"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg",
|
||||
imageAlt: "Coffee Shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg", imageAlt: "Coffee Shop"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "/menu"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/twig-near-ceramic-cups_23-2147811204.jpg",
|
||||
alt: "Patron one",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/twig-near-ceramic-cups_23-2147811204.jpg", alt: "Patron one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-style-light-lamp-design_23-2151153904.jpg",
|
||||
alt: "Patron two",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-style-light-lamp-design_23-2151153904.jpg", alt: "Patron two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-man-shoes_1304-3784.jpg",
|
||||
alt: "Patron three",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-man-shoes_1304-3784.jpg", alt: "Patron three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-person-suffering-from-cybersickness-from-using-tech-device-too-long_23-2151393706.jpg",
|
||||
alt: "Patron four",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-person-suffering-from-cybersickness-from-using-tech-device-too-long_23-2151393706.jpg", alt: "Patron four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg",
|
||||
alt: "Patron five",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg", alt: "Patron five"},
|
||||
]}
|
||||
avatarText="Join our community of coffee connoisseurs."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Crafted",
|
||||
},
|
||||
type: "text", text: "Crafted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimalist",
|
||||
},
|
||||
type: "text", text: "Minimalist"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
type: "text", text: "Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan",
|
||||
},
|
||||
type: "text", text: "Artisan"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Refined",
|
||||
},
|
||||
type: "text", text: "Refined"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,17 +115,11 @@ export default function LandingPage() {
|
||||
description="A curated rotation of global beans, each brewed to highlight its natural complexity and refined character."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Intentional",
|
||||
},
|
||||
value: "100%", title: "Intentional"},
|
||||
{
|
||||
value: "Small",
|
||||
title: "Batch",
|
||||
},
|
||||
value: "Small", title: "Batch"},
|
||||
{
|
||||
value: "Elite",
|
||||
title: "Baristas",
|
||||
},
|
||||
value: "Elite", title: "Baristas"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2329.jpg"
|
||||
imageAlt="Barista Craft"
|
||||
@@ -194,21 +135,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Artificial Additives",
|
||||
"No Rushed Service",
|
||||
"No Shortcuts",
|
||||
"No Compromise",
|
||||
"No Pre-ground",
|
||||
],
|
||||
"No Artificial Additives", "No Rushed Service", "No Shortcuts", "No Compromise", "No Pre-ground"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Natural Complexity",
|
||||
"Expert Precision",
|
||||
"Minimalist Atmosphere",
|
||||
"Sustainable Sourcing",
|
||||
"Peak Freshness",
|
||||
],
|
||||
"Natural Complexity", "Expert Precision", "Minimalist Atmosphere", "Sustainable Sourcing", "Peak Freshness"],
|
||||
}}
|
||||
title="No Sweeteners. No Shortcuts."
|
||||
description="Built for those who appreciate coffee at its highest level. Every cup is crafted with patience."
|
||||
@@ -223,41 +154,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Espresso",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-spoon_23-2149214714.jpg",
|
||||
},
|
||||
id: "1", name: "Espresso", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-spoon_23-2149214714.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cappuccino",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-coffee-with-cream-sugar_23-2148463980.jpg",
|
||||
},
|
||||
id: "2", name: "Cappuccino", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-coffee-with-cream-sugar_23-2148463980.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pour Over",
|
||||
price: "$9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-croissants-jam-coffee_23-2148243527.jpg",
|
||||
},
|
||||
id: "3", name: "Pour Over", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/close-up-croissants-jam-coffee_23-2148243527.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Affogato",
|
||||
price: "$11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg",
|
||||
},
|
||||
id: "4", name: "Affogato", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Iced Mocha",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-topped-with-whipped-cream-coffee-seeds_140725-1121.jpg",
|
||||
},
|
||||
id: "5", name: "Iced Mocha", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/coffee-topped-with-whipped-cream-coffee-seeds_140725-1121.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pastry",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-making-soap_23-2148897606.jpg",
|
||||
},
|
||||
id: "6", name: "Pastry", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-making-soap_23-2148897606.jpg"},
|
||||
]}
|
||||
title="Seasonal Menu"
|
||||
description="High-clarity preparations tailored for the discerning palate."
|
||||
@@ -271,50 +178,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Daily Ritual",
|
||||
price: "$45/mo",
|
||||
features: [
|
||||
"1 Bag Monthly",
|
||||
"Free Brew Guide",
|
||||
"Support Artisan Growers",
|
||||
],
|
||||
id: "basic", name: "Daily Ritual", price: "$45/mo", features: [
|
||||
"1 Bag Monthly", "Free Brew Guide", "Support Artisan Growers"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Connoisseur",
|
||||
price: "$85/mo",
|
||||
features: [
|
||||
"2 Bags Monthly",
|
||||
"Priority Roasts",
|
||||
"Member Events",
|
||||
"Annual Gifts",
|
||||
],
|
||||
id: "pro", name: "Connoisseur", price: "$85/mo", features: [
|
||||
"2 Bags Monthly", "Priority Roasts", "Member Events", "Annual Gifts"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Collector",
|
||||
price: "$150/mo",
|
||||
features: [
|
||||
"4 Bags Monthly",
|
||||
"Limited Origins",
|
||||
"Private Tastings",
|
||||
"Direct Barista Chat",
|
||||
],
|
||||
id: "enterprise", name: "Collector", price: "$150/mo", features: [
|
||||
"4 Bags Monthly", "Limited Origins", "Private Tastings", "Direct Barista Chat"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -330,59 +214,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Patron",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25732.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Patron", company: "Houston", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25732.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Patron",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-elderly-businessman-man-restaurant-senior-black-suit_1157-46620.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Patron", company: "Houston", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-elderly-businessman-man-restaurant-senior-black-suit_1157-46620.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Patron",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "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",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Patron", company: "Houston", rating: 5,
|
||||
imageSrc: "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"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Patron",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Patron", company: "Houston", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
role: "Patron",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-cafe_1328-2403.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa M.", role: "Patron", company: "Houston", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-cafe_1328-2403.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "99%", label: "Retention"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Origins",
|
||||
},
|
||||
value: "15+", label: "Origins"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9", label: "Rating"},
|
||||
]}
|
||||
title="Customer Experience"
|
||||
description="Authentic perspectives from our community of coffee lovers."
|
||||
@@ -397,20 +250,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5k+",
|
||||
description: "Cups Poured",
|
||||
},
|
||||
id: "1", value: "5k+", description: "Cups Poured"},
|
||||
{
|
||||
id: "2",
|
||||
value: "24",
|
||||
description: "Origins Sourced",
|
||||
},
|
||||
id: "2", value: "24", description: "Origins Sourced"},
|
||||
{
|
||||
id: "3",
|
||||
value: "3",
|
||||
description: "Years Refining",
|
||||
},
|
||||
id: "3", value: "3", description: "Years Refining"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers behind the craft."
|
||||
@@ -421,16 +265,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Simply Coffie Houston"
|
||||
description="733 W 24th St, Houston, TX. Open 8AM. Closed Wednesdays."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -439,16 +280,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Simply Coffie"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "© 2026 Crafted, Not Rushed",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2026 Crafted, Not Rushed", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user