Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fe9ab74a36 | |||
| bf7f9696d3 |
341
src/app/page.tsx
341
src/app/page.tsx
@@ -2,254 +2,127 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import { Coffee, Award, Zap } from "lucide-react";
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="expand-hover"
|
defaultButtonVariant="expand-hover"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="soft"
|
borderRadius="pill"
|
||||||
contentWidth="compact"
|
contentWidth="medium"
|
||||||
sizing="largeSmallSizeLargeTitles"
|
sizing="largeSizeMediumTitles"
|
||||||
background="blurBottom"
|
background="noise"
|
||||||
cardStyle="soft-shadow"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="double-inset"
|
primaryButtonStyle="primary-glow"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="light"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Our Story", id: "about" },
|
||||||
id: "hero",
|
{ name: "Coffee", id: "product" },
|
||||||
},
|
{ name: "Reviews", id: "testimonial" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Our Story",
|
]}
|
||||||
id: "about",
|
brandName="BrewArt"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Coffee",
|
|
||||||
id: "product",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "testimonial",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="BrewArt"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroSplitDualMedia
|
||||||
background={{
|
title="Artisanal Coffee, Roasted to Perfection"
|
||||||
variant: "rotated-rays-static",
|
description="Discover the art of the perfect cup. We source the finest beans globally and roast them in small batches to preserve their unique, complex profiles."
|
||||||
}}
|
tag="Coffee Roastery"
|
||||||
title="Artisanal Coffee, Roasted to Perfection"
|
rating={5}
|
||||||
description="Experience the rich, bold flavors of ethically sourced beans, crafted for your perfect morning ritual."
|
ratingText="Rated 5/5 by our community"
|
||||||
buttons={[
|
background={{ variant: "animated-grid" }}
|
||||||
{
|
mediaItems={[
|
||||||
text: "Shop Beans",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg", imageAlt: "Fresh Beans" },
|
||||||
href: "#product",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-making-cappuccino-bartender-preparing-coffee-drink_1150-14696.jpg", imageAlt: "Latte Art" }
|
||||||
},
|
]}
|
||||||
{
|
buttons={[{ text: "Shop Collections", href: "#product" }]}
|
||||||
text: "Our Story",
|
/>
|
||||||
href: "#about",
|
</div>
|
||||||
},
|
|
||||||
]}
|
|
||||||
carouselItems={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg",
|
|
||||||
imageAlt: "Coffee Beans",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-making-cappuccino-bartender-preparing-coffee-drink_1150-14696.jpg",
|
|
||||||
imageAlt: "Latte Art",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709915.jpg",
|
|
||||||
imageAlt: "Pour Over",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055851.jpg",
|
|
||||||
imageAlt: "Morning Coffee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
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",
|
|
||||||
imageAlt: "Roastery Beans",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/big-coffee-cup-wooden-table_23-2148071561.jpg",
|
|
||||||
imageAlt: "Cappuccino",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<AboutMetric
|
||||||
useInvertedBackground={false}
|
title="Our Passion in Numbers"
|
||||||
title="Crafting Every Batch with Passion"
|
useInvertedBackground={false}
|
||||||
description="We believe coffee is more than a drink; it's an art. From remote mountainsides to our small-batch roastery, we ensure every bean tells a story of quality and community."
|
metrics={[
|
||||||
buttons={[
|
{ icon: Coffee, label: "Coffee Varieties", value: "50+" },
|
||||||
{
|
{ icon: Award, label: "Roast Experience", value: "15Yrs" },
|
||||||
text: "Read Our Story",
|
{ icon: Zap, label: "Ethical Sources", value: "20+" }
|
||||||
href: "#",
|
]}
|
||||||
},
|
/>
|
||||||
]}
|
</div>
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/dark-aromatic-chocolate-coffee-beans-freshly-baked-hot-cool-dawn-inside-best-professional-roasting-machine_346278-553.jpg"
|
|
||||||
imageAlt="Artisan roasting process"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="product" data-section="product">
|
<div id="product" data-section="product">
|
||||||
<ProductCardTwo
|
<ProductCardThree
|
||||||
animationType="slide-up"
|
title="Signature Roasts"
|
||||||
textboxLayout="split-description"
|
description="Our curated collection of specialty coffees, from bright citrusy notes to deep chocolatey undertones."
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={true}
|
animationType="slide-up"
|
||||||
products={[
|
textboxLayout="default"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
id: "p1",
|
products={[
|
||||||
brand: "BrewArt",
|
{ id: "1", name: "Highland Arabica", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/coffee-composition-with-cotton-bag_23-2147671450.jpg" },
|
||||||
name: "Highland Arabica",
|
{ id: "2", name: "Midnight Roast", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/smoke-rises-from-roasted-coffee-beans-coffee-mug-lies-fragrant-coffee-selective-focus-beans_166373-2305.jpg" },
|
||||||
price: "$18",
|
{ id: "3", name: "Sunrise Blend", price: "$17", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-indoors-branding-concept_23-2151881019.jpg" },
|
||||||
rating: 5,
|
{ id: "4", name: "Espresso Gold", price: "$21", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-coffee-filter_23-2148349626.jpg" }
|
||||||
reviewCount: "120",
|
]}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-brutal-tattooed-roaster-hands-hold-sealed-package-bag-with-tea-coffee-ready-delivery-sale_346278-558.jpg",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
brand: "BrewArt",
|
|
||||||
name: "Midnight Roast",
|
|
||||||
price: "$19",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-indoors-branding-concept_23-2151881019.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
brand: "BrewArt",
|
|
||||||
name: "Sunrise Blend",
|
|
||||||
price: "$17",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "92",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smoke-rises-from-roasted-coffee-beans-coffee-mug-lies-fragrant-coffee-selective-focus-beans_166373-2305.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
brand: "BrewArt",
|
|
||||||
name: "Ethiopian Heirloom",
|
|
||||||
price: "$21",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "45",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-composition-with-cotton-bag_23-2147671450.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
brand: "BrewArt",
|
|
||||||
name: "Espresso Gold",
|
|
||||||
price: "$20",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "150",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-coffee-filter_23-2148349626.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
brand: "BrewArt",
|
|
||||||
name: "Summer Cold Brew",
|
|
||||||
price: "$16",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "67",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-indoors-branding-concept_23-2151881023.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Our Signature Roasts"
|
|
||||||
description="Discover your next favorite cup from our selection of ethically sourced, precision-roasted specialty coffees."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonial" data-section="testimonial">
|
<div id="testimonial" data-section="testimonial">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardSixteen
|
||||||
useInvertedBackground={false}
|
title="What Our Lovers Say"
|
||||||
testimonial="The best coffee I've ever brewed at home. The freshness and flavor profiles are simply unmatched!"
|
description="Join a growing community of coffee enthusiasts who start their mornings right with us."
|
||||||
rating={5}
|
kpiItems={[
|
||||||
author="Sarah Miller"
|
{ value: "2000+", label: "Happy Customers" },
|
||||||
avatars={[
|
{ value: "5/5", label: "Average Rating" },
|
||||||
{
|
{ value: "100%", label: "Ethically Sourced" }
|
||||||
src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
|
]}
|
||||||
alt: "Sarah",
|
animationType="blur-reveal"
|
||||||
},
|
textboxLayout="split"
|
||||||
{
|
useInvertedBackground={true}
|
||||||
src: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg",
|
testimonials={[
|
||||||
alt: "Michael",
|
{ id: "t1", name: "Sarah Miller", role: "Designer", company: "Creative Co.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8196.jpg" }
|
||||||
},
|
]}
|
||||||
{
|
/>
|
||||||
src: "http://img.b2bpic.net/free-photo/high-angle-business-man-with-mobile_23-2148446269.jpg",
|
</div>
|
||||||
alt: "John",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8196.jpg",
|
|
||||||
alt: "Anna",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006745.jpg",
|
|
||||||
alt: "David",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
|
||||||
avatarsAnimation="blur-reveal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
tag="Get In Touch"
|
||||||
background={{
|
title="Ready for a better brew?"
|
||||||
variant: "gradient-bars",
|
description="Subscribe to our newsletter and get early access to limited micro-lots and roastery news."
|
||||||
}}
|
imageSrc="http://img.b2bpic.net/free-photo/big-coffee-cup-wooden-table_23-2148071561.jpg"
|
||||||
text="Ready to experience the perfect brew? Visit our shop or subscribe for monthly fresh shipments."
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
useInvertedBackground={false}
|
||||||
{
|
/>
|
||||||
text: "Contact Us",
|
</div>
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterMedia
|
||||||
logoText="BrewArt"
|
logoText="BrewArt"
|
||||||
leftLink={{
|
imageSrc="http://img.b2bpic.net/free-photo/dark-aromatic-chocolate-coffee-beans-freshly-baked-hot-cool-dawn-inside-best-professional-roasting-machine_346278-553.jpg"
|
||||||
text: "Privacy Policy",
|
columns={[
|
||||||
href: "#",
|
{ title: "Shop", items: [{ label: "All Coffee", href: "#product" }, { label: "Brewing Gear", href: "#" }] },
|
||||||
}}
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#" }] }
|
||||||
rightLink={{
|
]}
|
||||||
text: "Terms of Service",
|
/>
|
||||||
href: "#",
|
</div>
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user