Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 72c6ded37d | |||
| fe9ab74a36 | |||
| 4813ee676e | |||
| bf7f9696d3 |
343
src/app/page.tsx
343
src/app/page.tsx
@@ -2,255 +2,128 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Coffee, Award, Zap } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Coffee",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonial",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BrewArt"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Coffee", id: "product" },
|
||||
{ name: "Reviews", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BrewArt"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Artisanal Coffee, Roasted to Perfection"
|
||||
description="Experience the rich, bold flavors of ethically sourced beans, crafted for your perfect morning ritual."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Beans",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
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="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Artisanal Coffee, Roasted to Perfection"
|
||||
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"
|
||||
rating={5}
|
||||
ratingText="Rated 5/5 by our community"
|
||||
background={{ variant: "animated-grid" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg", imageAlt: "Fresh Beans" },
|
||||
{ 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" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Every Batch with Passion"
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
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="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Our Passion in Numbers"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Coffee Varieties", value: "50+" },
|
||||
{ icon: Award, label: "Roast Experience", value: "15Yrs" },
|
||||
{ icon: Zap, label: "Ethical Sources", value: "20+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "BrewArt",
|
||||
name: "Highland Arabica",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
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",
|
||||
},
|
||||
{
|
||||
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="product" data-section="product">
|
||||
<ProductCardThree
|
||||
title="Signature Roasts"
|
||||
description="Our curated collection of specialty coffees, from bright citrusy notes to deep chocolatey undertones."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Highland Arabica", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/coffee-composition-with-cotton-bag_23-2147671450.jpg" },
|
||||
{ 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" },
|
||||
{ id: "3", name: "Sunrise Blend", price: "$17", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-indoors-branding-concept_23-2151881019.jpg" },
|
||||
{ id: "4", name: "Espresso Gold", price: "$21", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-coffee-filter_23-2148349626.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best coffee I've ever brewed at home. The freshness and flavor profiles are simply unmatched!"
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-business-man-with-mobile_23-2148446269.jpg",
|
||||
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="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
title="What Our Lovers Say"
|
||||
description="Join a growing community of coffee enthusiasts who start their mornings right with us."
|
||||
kpiItems={[
|
||||
{ value: "2000+", label: "Happy Customers" },
|
||||
{ value: "5/5", label: "Average Rating" },
|
||||
{ value: "100%", label: "Ethically Sourced" }
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to experience the perfect brew? Visit our shop or subscribe for monthly fresh shipments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
title="Ready for a better brew?"
|
||||
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"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BrewArt"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="BrewArt"
|
||||
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"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Coffee", href: "#product" }, { label: "Brewing Gear", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user