331 lines
11 KiB
TypeScript
331 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Bakery Luxe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Premium infused treats. A vibe you won't forget."
|
|
description="Handcrafted edibles that actually taste incredible and work. Welcome to the bakery where community matters."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.",
|
|
handle: "@sarahj",
|
|
testimonial: "Finally, a product that tastes as good as it feels. Truly premium quality!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-brown-cropped-top-bites-plastic-fork-smiles-enjoys-delicious-waffle-with-chocolate-syrup_197531-18187.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Mark D.",
|
|
handle: "@markd",
|
|
testimonial: "The consistency is unmatched. My go-to for special occasions now.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-korean-woman-sits-cafe-holds-smartphone-smiles-enjoys-coffee-outdoors_1258-123350.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Elena R.",
|
|
handle: "@elenar",
|
|
testimonial: "Intimidated at first, but the staff was so welcoming and the treats are divine.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-black-american-men-having-business-meeting-restaurant_613910-8942.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "David K.",
|
|
handle: "@davidk",
|
|
testimonial: "The packaging is as beautiful as the products. Perfect for gifting.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-delicious-poppy-seed-rolls-with-sugar-glaze-basket_181624-32961.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Jessica M.",
|
|
handle: "@jessm",
|
|
testimonial: "Every bite is a delight. Can't wait for my next visit!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg?_wi=1",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Experience the difference",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "Visit us today",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-dusting-sugar-delicious-chocolate-pastry_23-2148161562.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-woman-brown-cropped-top-bites-plastic-fork-smiles-enjoys-delicious-waffle-with-chocolate-syrup_197531-18187.jpg",
|
|
alt: "Customer 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-stylish-young-korean-woman-sits-cafe-holds-smartphone-smiles-enjoys-coffee-outdoors_1258-123350.jpg",
|
|
alt: "Customer 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/caucasian-black-american-men-having-business-meeting-restaurant_613910-8942.jpg",
|
|
alt: "Customer 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/selective-focus-shot-delicious-poppy-seed-rolls-with-sugar-glaze-basket_181624-32961.jpg",
|
|
alt: "Customer 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg",
|
|
alt: "Customer 5",
|
|
},
|
|
]}
|
|
avatarText="Join our community of thousands"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Crafted with passion, ",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/pumpkins-kitchen-utensils-wooden-shelf_181624-22204.jpg",
|
|
alt: "Artisan kitchen",
|
|
},
|
|
{
|
|
type: "text",
|
|
content: " baked for community. Our mission is to elevate your daily ritual through premium, handcrafted quality.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Artisan Brownie",
|
|
price: "$18",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondue-with-sugar-dust-vanilla-ice-cream-image_114579-2313.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Infused Cookie Tray",
|
|
price: "$25",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/from-cake-with-berries_23-2147792991.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Macaron Duo",
|
|
price: "$15",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sweet-table-feast-flowers-multicolored-macaroons_501050-555.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Berry Tartlet",
|
|
price: "$20",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruity-cakes-assortment_23-2148536849.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Truffle Box",
|
|
price: "$35",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168810.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Banana Bread Slice",
|
|
price: "$12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-banana-bread-table_23-2150764402.jpg",
|
|
},
|
|
]}
|
|
title="The Collection"
|
|
description="Artisanal infused treats for every mood."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah J.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-brown-cropped-top-bites-plastic-fork-smiles-enjoys-delicious-waffle-with-chocolate-syrup_197531-18187.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Mark D.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-korean-woman-sits-cafe-holds-smartphone-smiles-enjoys-coffee-outdoors_1258-123350.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Elena R.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-black-american-men-having-business-meeting-restaurant_613910-8942.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "David K.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-delicious-poppy-seed-rolls-with-sugar-glaze-basket_181624-32961.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Jessica M.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg?_wi=2",
|
|
},
|
|
]}
|
|
cardTitle="Loved by Our Community"
|
|
cardTag="Community"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Are your products consistent?",
|
|
content: "Yes, we prioritize precision and consistency in every batch to ensure you always know what to expect.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "New to THC? Which should I try?",
|
|
content: "We recommend starting with our artisan cookie tray—it offers a gentle and delicious experience.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Can I pick up in-store?",
|
|
content: "Absolutely! We'd love to welcome you into the bakery. Choose 'In-store pickup' at checkout.",
|
|
},
|
|
]}
|
|
title="Frequently Asked"
|
|
description="Have questions? We've got answers."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
text="Visit us in-store to experience the premium difference yourself."
|
|
buttons={[
|
|
{
|
|
text: "Get Directions",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Shop Menu",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Community",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Bakery Luxe"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|