Compare commits
16 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f3735b20b7 | |||
| af27c3504b | |||
| 90db726739 | |||
| 26ad4ab061 | |||
| 35ab3c0501 | |||
| 3cea4f15e9 | |||
| 5defc4fba6 | |||
| 571179e8dc | |||
| 82f48962ad | |||
| 1ff99be7d4 | |||
| 19342b43ac | |||
| 669171008d | |||
| 0b4031e55d | |||
| a631a718d2 | |||
| 52897b2c58 | |||
| 15a55eb28b |
303
src/app/page.tsx
303
src/app/page.tsx
@@ -2,205 +2,144 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import { Coffee, Zap, Target } from "lucide-react";
|
||||||
import { Award, Shield, Zap } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="expand-hover"
|
defaultButtonVariant="expand-hover"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="rounded"
|
borderRadius="pill"
|
||||||
contentWidth="mediumLarge"
|
contentWidth="mediumLarge"
|
||||||
sizing="largeSmallSizeMediumTitles"
|
sizing="largeSizeMediumTitles"
|
||||||
background="fluid"
|
background="noiseDiagonalGradient"
|
||||||
cardStyle="subtle-shadow"
|
cardStyle="glass-depth"
|
||||||
primaryButtonStyle="shadow"
|
primaryButtonStyle="primary-glow"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
brandName="Revolver Espresso"
|
||||||
{ name: "Our Coffee", id: "#about" },
|
navItems={[
|
||||||
{ name: "Menu", id: "#products" },
|
{ name: "Story", id: "#about" },
|
||||||
{ name: "Our Process", id: "#features" },
|
{ name: "Roasts", id: "#products" },
|
||||||
{ name: "Contact", id: "#contact" },
|
{ name: "Process", id: "#features" },
|
||||||
]}
|
{ name: "Contact", id: "#contact" },
|
||||||
brandName="Revolver Espresso"
|
]}
|
||||||
button={{ text: "Order Online", href: "#products" }}
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroBillboardDashboard
|
||||||
background={{ variant: "plain" }}
|
title="Revolver Espresso"
|
||||||
title="Mastery in Every Pour"
|
description="Precision-roasted specialty coffee for the refined palate. Crafted with passion, delivered to your cup."
|
||||||
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."
|
background={{ variant: "sparkles-gradient" }}
|
||||||
kpis={[
|
dashboard={{
|
||||||
{ value: "100%", label: "Ethically Sourced" },
|
title: "Our Roastery Overview", stats: [
|
||||||
{ value: "24h", label: "Roast Precision" },
|
{ title: "Roasts", values: [15, 20, 25], description: "Monthly batches" },
|
||||||
{ value: "50+", label: "Global Estates" },
|
{ title: "Growth", values: [10, 5, 15], description: "Year over year" },
|
||||||
]}
|
{ title: "Reach", values: [50, 60, 75], description: "Global estates" }
|
||||||
enableKpiAnimation={true}
|
],
|
||||||
buttons={[{ text: "Explore Blends", href: "#products" }]}
|
logoIcon: Coffee,
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg"
|
sidebarItems: [{ icon: Coffee }, { icon: Zap }],
|
||||||
imageAlt="Professional espresso machine"
|
listItems: [{ icon: Target, title: "Batch 402", status: "Roasted" }],
|
||||||
mediaAnimation="slide-up"
|
buttons: [{ text: "Shop Roasts", href: "#products" }],
|
||||||
avatars={[
|
imageSrc: "https://images.unsplash.com/photo-1559056199-641a0ac8b55e?q=80&w=2070&auto=format&fit=crop&_wi=1"
|
||||||
{ 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" },
|
</div>
|
||||||
{ 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" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<InlineImageSplitTextAbout
|
<MediaAbout
|
||||||
useInvertedBackground={false}
|
title="Refining the Coffee Experience"
|
||||||
heading={[
|
description="At Revolver Espresso, we believe in the art of the perfect brew. We bridge the gap between world-class specialty estates and your daily ritual."
|
||||||
{ type: "text", content: "The Art of " },
|
imageSrc="https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?q=80&w=2070&auto=format&fit=crop"
|
||||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/rich-brown-roasted-coffee-beans-close-up_84443-73317.jpg", alt: "Roasted Beans" },
|
useInvertedBackground={false}
|
||||||
{ type: "text", content: " Artisanal Coffee" },
|
/>
|
||||||
]}
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentyFive
|
<FeatureCardNineteen
|
||||||
animationType="depth-3d"
|
title="Precision Craft"
|
||||||
textboxLayout="split"
|
description="Explore our dedication to the coffee lifecycle."
|
||||||
useInvertedBackground={false}
|
textboxLayout="split"
|
||||||
features={[
|
useInvertedBackground={true}
|
||||||
{
|
features={[
|
||||||
title: "Sustainable Sourcing", description: "Working directly with farmers to ensure excellence and ethical integrity.", icon: Shield,
|
{ tag: "Sourcing", title: "Origin Selection", subtitle: "Top 1%", description: "Hand-selected sustainable beans.", imageSrc: "https://images.unsplash.com/photo-1447933601403-8c6f83105a60?q=80&w=2070&auto=format&fit=crop" }
|
||||||
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" },
|
</div>
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Craftsmanship Redefined"
|
|
||||||
description="Our dedication extends far beyond the final pour, focusing on every nuance of the coffee life cycle."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardFour
|
<ProductCardFour
|
||||||
textboxLayout="split"
|
title="Curated Blends"
|
||||||
gridVariant="two-columns-alternating-heights"
|
description="Specialty beans for your daily ritual."
|
||||||
useInvertedBackground={false}
|
gridVariant="bento-grid"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
products={[
|
textboxLayout="split"
|
||||||
{ 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" },
|
useInvertedBackground={false}
|
||||||
{ 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" },
|
products={[
|
||||||
{ 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: "p1", name: "Midnight Velvet", price: "$24", variant: "Dark Roast", imageSrc: "https://images.unsplash.com/photo-1559056199-641a0ac8b55e?q=80&w=2070&auto=format&fit=crop&_wi=2" },
|
||||||
{ id: "p4", name: "Sumatra Mandheling", price: "$24.00", variant: "Dark Roast", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_1388-619.jpg" },
|
{ id: "p2", name: "Morning Sun", price: "$22", variant: "Light Roast", imageSrc: "https://images.unsplash.com/photo-1582136757025-2e650c33a921?q=80&w=2070&auto=format&fit=crop" },
|
||||||
{ 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: "p3", name: "Espresso Gold", price: "$26", variant: "Medium Roast", imageSrc: "https://images.unsplash.com/photo-1611854779393-1b2da9d400fe?q=80&w=2070&auto=format&fit=crop" }
|
||||||
{ 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"
|
</div>
|
||||||
description="A curated collection of our finest single-origin beans and signature blends."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSix
|
<TestimonialCardSixteen
|
||||||
textboxLayout="split"
|
title="Community Voices"
|
||||||
useInvertedBackground={false}
|
description="Global coffee lovers trust our craft."
|
||||||
animationType="slide-up"
|
animationType="blur-reveal"
|
||||||
testimonials={[
|
kpiItems={[{ value: "18yr", label: "Heritage" }, { value: "50+", label: "Estates" }, { value: "100%", label: "Ethical" }]}
|
||||||
{ 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" },
|
textboxLayout="split"
|
||||||
{ 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" },
|
useInvertedBackground={true}
|
||||||
{ 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" },
|
testimonials={[
|
||||||
{ 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: "t1", name: "Sarah J.", role: "Coffee Expert", company: "Roast Journal", rating: 5, imageSrc: "https://images.unsplash.com/photo-1544717302-de2939b7ef71?q=80&w=2070&auto=format&fit=crop" }
|
||||||
{ 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"
|
</div>
|
||||||
description="Crafting exceptional coffee experiences for enthusiasts everywhere."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardEleven
|
<MetricCardTwo
|
||||||
animationType="scale-rotate"
|
title="The Numbers"
|
||||||
textboxLayout="split"
|
description="Growing a sustainable future."
|
||||||
useInvertedBackground={false}
|
metrics={[{ id: "m1", value: "50+", description: "Estates" }, { id: "m2", value: "18yr", description: "Experience" }, { id: "m3", value: "100%", description: "Ethical" }]}
|
||||||
metrics={[
|
gridVariant="uniform-all-items-equal"
|
||||||
{ 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" },
|
animationType="slide-up"
|
||||||
{ 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" },
|
textboxLayout="split"
|
||||||
{ 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" },
|
useInvertedBackground={false}
|
||||||
]}
|
/>
|
||||||
title="By The Numbers"
|
</div>
|
||||||
description="Quality defined through data and rigorous standard testing."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="social-proof" data-section="social-proof">
|
<div id="contact" data-section="contact">
|
||||||
<SocialProofOne
|
<ContactCTA
|
||||||
textboxLayout="split"
|
title="Stay Connected"
|
||||||
useInvertedBackground={false}
|
description="Join our inner circle for exclusive roasts and early access events."
|
||||||
names={[
|
tag="Newsletter"
|
||||||
"The Daily Roast", "Coffee Enthusiast Daily", "Barista Magazine", "Espresso Weekly", "Café Culture Quarterly", "The Coffee Journal", "Global Roasters Alliance"]}
|
buttons={[{ text: "Join Today" }]}
|
||||||
title="Featured In"
|
background={{ variant: "sparkles-gradient" }}
|
||||||
description="Proudly recognized by leading voices in the specialty coffee movement."
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="footer" data-section="footer">
|
||||||
<ContactCenter
|
<FooterBaseCard
|
||||||
useInvertedBackground={false}
|
logoText="Revolver Espresso"
|
||||||
background={{ variant: "rotated-rays-static" }}
|
columns={[{ title: "Menu", items: [{ label: "Shop", href: "#products" }, { label: "Process", href: "#features" }] }]}
|
||||||
tag="Newsletter"
|
/>
|
||||||
title="Join the Revolver Inner Circle"
|
</div>
|
||||||
description="Subscribe for early access to limited micro-lots and roastery updates."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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" }] },
|
|
||||||
]}
|
|
||||||
logoText="Revolver Espresso"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user