338 lines
11 KiB
TypeScript
338 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Coffee, Flame, Leaf, ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Coffee",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Berry Brew"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Berry Brew"
|
|
description="Experience the unique harmony of sun-ripened blackberries and premium roasted coffee beans."
|
|
buttons={[
|
|
{
|
|
text: "Shop Now",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-chocolate-beans-wooden-board_114579-26533.jpg",
|
|
imageAlt: "fresh roasted coffee beans with blackberries",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-10247.jpg",
|
|
imageAlt: "fresh roasted coffee beans with blackberries",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-orange-blackberries_23-2149433560.jpg",
|
|
imageAlt: "fresh roasted coffee beans with blackberries",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-fresh-blueberries-glass-juice_114579-89097.jpg",
|
|
imageAlt: "fresh roasted coffee beans with blackberries",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-blueberries-dry-cinnamon-plant-gray-surface-horizontal_176474-5093.jpg",
|
|
imageAlt: "fresh roasted coffee beans with blackberries",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116662.jpg",
|
|
imageAlt: "fresh roasted coffee beans with blackberries",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
title="Crafted with Passion"
|
|
description="We believe in the perfect blend of natural harvest and meticulous roasting."
|
|
subdescription="Every bean is carefully selected and infused with the essence of wild blackberries."
|
|
icon={Coffee}
|
|
imageSrc="http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Organic Harvest",
|
|
description: "Hand-picked berries from sustainable farms.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Leaf,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-ripe-sweet-healthy-blackberry_114579-11677.jpg",
|
|
imageAlt: "Tasty ripe sweet healthy blackberry.",
|
|
},
|
|
{
|
|
title: "Slow Roasted",
|
|
description: "Perfect flavor profile developed through patience.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Flame,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-chocolate-beans-wooden-board_114579-26533.jpg",
|
|
imageAlt: "Tasty ripe sweet healthy blackberry.",
|
|
},
|
|
{
|
|
title: "Fresh Sealed",
|
|
description: "Preserved freshness delivered directly to your door.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: ShieldCheck,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg",
|
|
imageAlt: "Tasty ripe sweet healthy blackberry.",
|
|
},
|
|
]}
|
|
title="Why Berry Brew?"
|
|
description="Discover the art behind our signature infusions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Blackberry Roast",
|
|
price: "$18",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/floral-coffee-list-template_23-2147498974.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Midnight Blackberry",
|
|
price: "$20",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/premium-golden-vertical-banners-card-set_1017-19814.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Wild Harvest Blend",
|
|
price: "$19",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-dark-globose-astringent-fruit-sloes-burlap-bag-blue-background_141793-20482.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Morning Berry Press",
|
|
price: "$17",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blackberry-bowl-with-white-flower-white-checkered-towel-red-surface_141793-18505.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Reserve Blackberry",
|
|
price: "$25",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/golden-triangle-flyers-desig_1375-159.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Berry Decaf Blend",
|
|
price: "$18",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/elegant-golden-business-template-set-with-texture-design_1035-13984.jpg",
|
|
},
|
|
]}
|
|
title="Our Signature Blends"
|
|
description="Elevate your daily coffee ritual with our curated selection."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Miller",
|
|
role: "Foodie",
|
|
company: "Home Brewer",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "John Doe",
|
|
role: "Daily Drinker",
|
|
company: "Tech Specialist",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carefree-girl-with-brown-makeup-drinking-tea-balcony-photo-pleasant-brunette-woman-knitted-dress-enjoying-coffee_197531-11385.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena Smith",
|
|
role: "Barista",
|
|
company: "Artisan Café",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/french-woman-cafe-drinking-latte_1303-25704.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Mark Jones",
|
|
role: "Customer",
|
|
company: "Coffee Blogger",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teenage-girl-holding-coffee-cup_23-2147906553.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Laura White",
|
|
role: "Coffee Fan",
|
|
company: "Creative",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-drinking-coffee_23-2148366534.jpg",
|
|
},
|
|
]}
|
|
title="Loved by Coffee Enthusiasts"
|
|
description="Real feedback from our satisfied coffee drinkers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How do we get the berry flavor?",
|
|
content: "We infuse our coffee beans with natural blackberry extract during the roasting process.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Is it organic?",
|
|
content: "Yes, our beans and berries are ethically and organically sourced.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "How long is it fresh?",
|
|
content: "Once opened, consume within 2 weeks for peak flavor profile.",
|
|
},
|
|
]}
|
|
title="Common Queries"
|
|
description="Get answers to your questions about our coffee."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Get in Touch"
|
|
description="Have questions or bulk orders? We'd love to help."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your needs...",
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Berry Brew",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Shop",
|
|
href: "#products",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Berry Brew. All rights reserved."
|
|
bottomRightText="Crafted with love."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|