Merge version_1 into main #2
345
src/app/page.tsx
345
src/app/page.tsx
@@ -32,106 +32,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Coffee",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Our Process",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Our Coffee", id: "#about" },
|
||||
{ name: "Menu", id: "#products" },
|
||||
{ name: "Our Process", id: "#features" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Revolver Espresso"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#products",
|
||||
}}
|
||||
button={{ text: "Order Online", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Mastery in Every Pour"
|
||||
description="At Revolver Espresso, we redefine the craft of coffee. Sourced from the world's finest estates and roasted with precision, every cup tells a story of passion, tradition, and perfection."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Roast Precision",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Global Estates",
|
||||
},
|
||||
{ value: "100%", label: "Ethically Sourced" },
|
||||
{ value: "24h", label: "Roast Precision" },
|
||||
{ value: "50+", label: "Global Estates" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Blends",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg?_wi=1"
|
||||
buttons={[{ text: "Explore Blends", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg"
|
||||
imageAlt="Professional espresso machine"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23102.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cafe-restaurants-coffee-shop-owners-retail-concept-friendly-joyful-handsome-barista-black_1258-60007.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-office-holding-coffee-cups-smiling-with-happy-cool-smile-face-showing-teeth_839833-17423.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blond-girl-posing-against-white-wall_176420-32845.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-business-lady_1098-17148.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23102.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cafe-restaurants-coffee-shop-owners-retail-concept-friendly-joyful-handsome-barista-black_1258-60007.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-office-holding-coffee-cups-smiling-with-happy-cool-smile-face-showing-teeth_839833-17423.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blond-girl-posing-against-white-wall_176420-32845.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pensive-business-lady_1098-17148.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Sourcing",
|
||||
},
|
||||
{ type: "text", text: "Sustainable" },
|
||||
{ type: "text", text: "Artisanal" },
|
||||
{ type: "text", text: "Freshly Roasted" },
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Global Sourcing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,19 +79,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/rich-brown-roasted-coffee-beans-close-up_84443-73317.jpg",
|
||||
alt: "Roasted Beans",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Artisanal Coffee",
|
||||
},
|
||||
{ type: "text", content: "The Art of " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/rich-brown-roasted-coffee-beans-close-up_84443-73317.jpg", alt: "Roasted Beans" },
|
||||
{ type: "text", content: " Artisanal Coffee" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,55 +93,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Working directly with farmers to ensure excellence and ethical integrity.",
|
||||
icon: Shield,
|
||||
title: "Sustainable Sourcing", description: "Working directly with farmers to ensure excellence and ethical integrity.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-male-hands-sorting-harvested-coffee-fruits-before-drying_181624-58904.jpg",
|
||||
imageAlt: "Farming",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-grind-coffee-bean-with-grinder-machine-barista-prepares-coffee_169016-61314.jpg",
|
||||
imageAlt: "Roasting",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-male-hands-sorting-harvested-coffee-fruits-before-drying_181624-58904.jpg", imageAlt: "Farming" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barista-grind-coffee-bean-with-grinder-machine-barista-prepares-coffee_169016-61314.jpg", imageAlt: "Roasting" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg?_wi=2",
|
||||
imageAlt: "coffee farming harvesting",
|
||||
},
|
||||
{
|
||||
title: "Precision Roasting",
|
||||
description: "Small-batch roasting protocols that highlight the unique terroir of every single bean.",
|
||||
icon: Zap,
|
||||
title: "Precision Roasting", description: "Small-batch roasting protocols that highlight the unique terroir of every single bean.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-coffee-machine_23-2147775909.jpg",
|
||||
imageAlt: "Roasting Process",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458070.jpg",
|
||||
imageAlt: "Field Work",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-coffee-machine_23-2147775909.jpg", imageAlt: "Roasting Process" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458070.jpg", imageAlt: "Field Work" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-brown-roasted-coffee-beans-close-up_84443-73317.jpg",
|
||||
imageAlt: "coffee farming harvesting",
|
||||
},
|
||||
{
|
||||
title: "Expert Baristas",
|
||||
description: "Every Revolver barista is trained in the science and art of the perfect extraction.",
|
||||
icon: Award,
|
||||
title: "Expert Baristas", description: "Every Revolver barista is trained in the science and art of the perfect extraction.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-shop-caffeine-concept_53876-14304.jpg",
|
||||
imageAlt: "Barista",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-ground-coffee-beans-fuel-barista-workshop-generated-by-ai_188544-45314.jpg",
|
||||
imageAlt: "Craft",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-shop-caffeine-concept_53876-14304.jpg", imageAlt: "Barista" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/freshly-ground-coffee-beans-fuel-barista-workshop-generated-by-ai_188544-45314.jpg", imageAlt: "Craft" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee-table_23-2149514314.jpg?_wi=1",
|
||||
imageAlt: "coffee farming harvesting",
|
||||
},
|
||||
]}
|
||||
title="Craftsmanship Redefined"
|
||||
@@ -225,49 +124,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ethiopian Yirgacheffe",
|
||||
price: "$22.00",
|
||||
variant: "Light Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee-table_23-2149514314.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Colombia Huila",
|
||||
price: "$20.00",
|
||||
variant: "Medium Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-new-year-concept_23-2148346429.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Revolver Signature Blend",
|
||||
price: "$18.00",
|
||||
variant: "Dark Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-beige-background_23-2148623198.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sumatra Mandheling",
|
||||
price: "$24.00",
|
||||
variant: "Dark Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_1388-619.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Costa Rica Tarrazu",
|
||||
price: "$21.00",
|
||||
variant: "Medium Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-plant-table_140725-8126.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Guatemala Antigua",
|
||||
price: "$23.00",
|
||||
variant: "Medium Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-coffee-mug-near-wooden-cutting-board-cheese-copy-space_132075-11328.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Ethiopian Yirgacheffe", price: "$22.00", variant: "Light Roast", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee-table_23-2149514314.jpg" },
|
||||
{ id: "p2", name: "Colombia Huila", price: "$20.00", variant: "Medium Roast", imageSrc: "http://img.b2bpic.net/free-photo/top-view-new-year-concept_23-2148346429.jpg" },
|
||||
{ id: "p3", name: "Revolver Signature Blend", price: "$18.00", variant: "Dark Roast", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-beige-background_23-2148623198.jpg" },
|
||||
{ id: "p4", name: "Sumatra Mandheling", price: "$24.00", variant: "Dark Roast", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_1388-619.jpg" },
|
||||
{ id: "p5", name: "Costa Rica Tarrazu", price: "$21.00", variant: "Medium Roast", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-plant-table_140725-8126.jpg" },
|
||||
{ id: "p6", name: "Guatemala Antigua", price: "$23.00", variant: "Medium Roast", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-coffee-mug-near-wooden-cutting-board-cheese-copy-space_132075-11328.jpg" },
|
||||
]}
|
||||
title="Signature Roasts"
|
||||
description="A curated collection of our finest single-origin beans and signature blends."
|
||||
@@ -278,42 +142,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah.espresso",
|
||||
testimonial: "The best coffee I've ever tasted. Revolver Espresso has raised the bar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-woman-with-curly-hair-giggles-happily-holds-disposable-cup-coffee-enjoys-aromatic-beverage-dressed-casual-orange-jumper-isolated-white-background-drinking-concept_273609-61071.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael T.",
|
||||
handle: "@michael.roasts",
|
||||
testimonial: "Unparalleled freshness. You can really taste the difference in the roast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6756.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena.caffè",
|
||||
testimonial: "A ritual I never skip. Their signature blend is my home staple.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-hot-drink-near-book-chocolate-bedsheet_23-2147887684.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@david.coffee",
|
||||
testimonial: "Exceptional service and even better coffee. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinking-teat-while-relaxing-sofa-living-room_637285-5901.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lydia M.",
|
||||
handle: "@lydia.brew",
|
||||
testimonial: "The attention to detail in their roasting is truly noticeable in every cup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarah.espresso", testimonial: "The best coffee I've ever tasted. Revolver Espresso has raised the bar.", imageSrc: "http://img.b2bpic.net/free-photo/positive-young-woman-with-curly-hair-giggles-happily-holds-disposable-cup-coffee-enjoys-aromatic-beverage-dressed-casual-orange-jumper-isolated-white-background-drinking-concept_273609-61071.jpg" },
|
||||
{ id: "t2", name: "Michael T.", handle: "@michael.roasts", testimonial: "Unparalleled freshness. You can really taste the difference in the roast.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6756.jpg" },
|
||||
{ id: "t3", name: "Elena R.", handle: "@elena.caffè", testimonial: "A ritual I never skip. Their signature blend is my home staple.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-hot-drink-near-book-chocolate-bedsheet_23-2147887684.jpg" },
|
||||
{ id: "t4", name: "David W.", handle: "@david.coffee", testimonial: "Exceptional service and even better coffee. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinking-teat-while-relaxing-sofa-living-room_637285-5901.jpg" },
|
||||
{ id: "t5", name: "Lydia M.", handle: "@lydia.brew", testimonial: "The attention to detail in their roasting is truly noticeable in every cup.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg" },
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Crafting exceptional coffee experiences for enthusiasts everywhere."
|
||||
@@ -326,27 +161,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12K+",
|
||||
title: "Cups Served",
|
||||
description: "Monthly average across all our roastery partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-coffee-concept_23-2148093912.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450",
|
||||
title: "Roast Profiles",
|
||||
description: "Tested and perfected by our master roasters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-coffee-shop_23-2148366578.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "18",
|
||||
title: "Years of Craft",
|
||||
description: "Advancing the art of espresso since 2006.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/machine-making-delicious-coffee_23-2148892816.jpg",
|
||||
},
|
||||
{ id: "m1", value: "12K+", title: "Cups Served", description: "Monthly average across all our roastery partners.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-coffee-concept_23-2148093912.jpg" },
|
||||
{ id: "m2", value: "450", title: "Roast Profiles", description: "Tested and perfected by our master roasters.", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-coffee-shop_23-2148366578.jpg" },
|
||||
{ id: "m3", value: "18", title: "Years of Craft", description: "Advancing the art of espresso since 2006.", imageSrc: "http://img.b2bpic.net/free-photo/machine-making-delicious-coffee_23-2148892816.jpg" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Quality defined through data and rigorous standard testing."
|
||||
@@ -358,14 +175,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Daily Roast",
|
||||
"Coffee Enthusiast Daily",
|
||||
"Barista Magazine",
|
||||
"Espresso Weekly",
|
||||
"Café Culture Quarterly",
|
||||
"The Coffee Journal",
|
||||
"Global Roasters Alliance",
|
||||
]}
|
||||
"The Daily Roast", "Coffee Enthusiast Daily", "Barista Magazine", "Espresso Weekly", "Café Culture Quarterly", "The Coffee Journal", "Global Roasters Alliance"]}
|
||||
title="Featured In"
|
||||
description="Proudly recognized by leading voices in the specialty coffee movement."
|
||||
/>
|
||||
@@ -374,9 +184,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Newsletter"
|
||||
title="Join the Revolver Inner Circle"
|
||||
description="Subscribe for early access to limited micro-lots and roastery updates."
|
||||
@@ -386,54 +194,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop Coffee",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Roastery",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Wholesale",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Our Story", href: "#about" }, { label: "Careers", href: "#" }, { label: "Partnerships", href: "#" }] },
|
||||
{ items: [{ label: "Shop Coffee", href: "#products" }, { label: "Roastery", href: "#" }, { label: "Wholesale", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Revolver Espresso"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user