Merge version_1 into main #2
216
src/app/page.tsx
216
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Coffee, Droplets } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
@@ -30,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Ritual",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Ritual", id: "hero"},
|
||||
{
|
||||
name: "Craft",
|
||||
id: "about",
|
||||
},
|
||||
name: "Craft", id: "about"},
|
||||
{
|
||||
name: "Offerings",
|
||||
id: "product",
|
||||
},
|
||||
name: "Offerings", id: "product"},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Reservations", id: "contact"},
|
||||
]}
|
||||
brandName="Manuel Café"
|
||||
/>
|
||||
@@ -53,55 +46,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Ritual Refined Coffee Elevated"
|
||||
description="Specialty espresso, pourovers, and cold brews crafted by hand in a space designed for presence. Every cup tells a story."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-coffee-shop-with-modern-elegance-design-generative-ai_188544-12379.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-aromatic-coffee-beans-paper-background-making-fresh-espresso-closeup-selective-focus-vertical-frame_166373-2313.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754678.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-unique-shaped-glass_140725-7035.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brewing-coffee-coffee-is-poured-into-glass-cup-from-copper-coffee-maker-lunch-old-cafe-vertical-shot-selective-focus_166373-2509.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-hand-holds-raw-green-coffee-beans-from-white-plastic-basket-cotton-bags-europalet-warehouse_346278-886.jpg?_wi=1",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/contemporary-coffee-shop-with-modern-elegance-design-generative-ai_188544-12379.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/roasted-aromatic-coffee-beans-paper-background-making-fresh-espresso-closeup-selective-focus-vertical-frame_166373-2313.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754678.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-unique-shaped-glass_140725-7035.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brewing-coffee-coffee-is-poured-into-glass-cup-from-copper-coffee-maker-lunch-old-cafe-vertical-shot-selective-focus_166373-2509.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-hand-holds-raw-green-coffee-beans-from-white-plastic-basket-cotton-bags-europalet-warehouse_346278-886.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sack-with-coffee-beans_23-2148180169.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/dia-de-la-raza-celebration-instagram-stories_23-2150732060.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-her-friend_23-2148395469.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-red-eyeglasses-holds-take-away-coffee-cup-grey-background_613910-11883.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-guest_1098-15720.jpg?_wi=1",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sack-with-coffee-beans_23-2148180169.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/dia-de-la-raza-celebration-instagram-stories_23-2150732060.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-her-friend_23-2148395469.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-red-eyeglasses-holds-take-away-coffee-cup-grey-background_613910-11883.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/waiter-guest_1098-15720.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Seat",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Your Seat", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,14 +77,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of Presence",
|
||||
},
|
||||
type: "text", content: "The Art of Presence"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/roasted-aromatic-coffee-beans-paper-background-making-fresh-espresso-closeup-selective-focus-vertical-frame_166373-2313.jpg",
|
||||
alt: "Barista pouring",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/roasted-aromatic-coffee-beans-paper-background-making-fresh-espresso-closeup-selective-focus-vertical-frame_166373-2313.jpg", alt: "Barista pouring"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,22 +90,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Specialty Espresso",
|
||||
description: "Precision extraction for full complexity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754678.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
title: "Specialty Espresso", description: "Precision extraction for full complexity.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754678.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Hand Pourovers",
|
||||
description: "Slow, deliberate, and aromatic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-unique-shaped-glass_140725-7035.jpg?_wi=2",
|
||||
buttonIcon: "Coffee",
|
||||
title: "Hand Pourovers", description: "Slow, deliberate, and aromatic.", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-unique-shaped-glass_140725-7035.jpg", buttonIcon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Cold Brew Alchemy",
|
||||
description: "Steeped to perfection overnight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brewing-coffee-coffee-is-poured-into-glass-cup-from-copper-coffee-maker-lunch-old-cafe-vertical-shot-selective-focus_166373-2509.jpg?_wi=2",
|
||||
buttonIcon: "Droplets",
|
||||
title: "Cold Brew Alchemy", description: "Steeped to perfection overnight.", imageSrc: "http://img.b2bpic.net/free-photo/brewing-coffee-coffee-is-poured-into-glass-cup-from-copper-coffee-maker-lunch-old-cafe-vertical-shot-selective-focus_166373-2509.jpg", buttonIcon: Droplets,
|
||||
},
|
||||
]}
|
||||
title="Our Craft"
|
||||
@@ -160,26 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ethiopian Yirgacheffe",
|
||||
price: "$28.00",
|
||||
variant: "Light Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-hand-holds-raw-green-coffee-beans-from-white-plastic-basket-cotton-bags-europalet-warehouse_346278-886.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Ethiopian Yirgacheffe", price: "$28.00", variant: "Light Roast", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-hand-holds-raw-green-coffee-beans-from-white-plastic-basket-cotton-bags-europalet-warehouse_346278-886.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Colombian Supremo",
|
||||
price: "$24.00",
|
||||
variant: "Medium Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sack-with-coffee-beans_23-2148180169.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Colombian Supremo", price: "$24.00", variant: "Medium Roast", imageSrc: "http://img.b2bpic.net/free-photo/sack-with-coffee-beans_23-2148180169.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sumatra Mandheling",
|
||||
price: "$26.00",
|
||||
variant: "Dark Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/dia-de-la-raza-celebration-instagram-stories_23-2150732060.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Sumatra Mandheling", price: "$26.00", variant: "Dark Roast", imageSrc: "http://img.b2bpic.net/free-psd/dia-de-la-raza-celebration-instagram-stories_23-2150732060.jpg"},
|
||||
]}
|
||||
title="Specialty Offerings"
|
||||
description="Curated selections from the finest micro-lots globally."
|
||||
@@ -193,59 +130,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-her-friend_23-2148395469.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Creative Director", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-her-friend_23-2148395469.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael L.",
|
||||
role: "Architect",
|
||||
company: "StudioM",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-red-eyeglasses-holds-take-away-coffee-cup-grey-background_613910-11883.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Michael L.", role: "Architect", company: "StudioM", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-red-eyeglasses-holds-take-away-coffee-cup-grey-background_613910-11883.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "Photographer",
|
||||
company: "NoirLens",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Elena R.", role: "Photographer", company: "NoirLens", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Urban Planner",
|
||||
company: "CitySync",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-guest_1098-15720.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", name: "David W.", role: "Urban Planner", company: "CitySync", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-guest_1098-15720.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julianne M.",
|
||||
role: "Coffee Enthusiast",
|
||||
company: "The Bean",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-her-friend_23-2148395469.jpg?_wi=3",
|
||||
},
|
||||
id: "t5", name: "Julianne M.", role: "Coffee Enthusiast", company: "The Bean", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-her-friend_23-2148395469.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Origin Countries",
|
||||
},
|
||||
{
|
||||
value: "1k+",
|
||||
label: "Rituals Served",
|
||||
},
|
||||
{
|
||||
value: "4.9★",
|
||||
label: "Venue Rating",
|
||||
},
|
||||
{ value: "12+", label: "Origin Countries" },
|
||||
{ value: "1k+", label: "Rituals Served" },
|
||||
{ value: "4.9★", label: "Venue Rating" },
|
||||
]}
|
||||
title="Refined Reviews"
|
||||
description="Hear from those who savor the ritual."
|
||||
@@ -256,16 +159,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Reservations"
|
||||
title="Secure Your Ritual"
|
||||
description="Book a table for the ultimate Manuel Café experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,34 +175,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Menu", href: "#product" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -312,4 +194,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user