366 lines
12 KiB
TypeScript
366 lines
12 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 FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Award, Clock, Leaf, MapPin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Eats & Artisans"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Authentic Flavors, Artisan Made"
|
|
description="Discover a collection of hand-selected, organic ingredients and gourmet foods crafted by local masters. Experience the difference that quality makes."
|
|
testimonials={[
|
|
{
|
|
name: "Elena R.",
|
|
handle: "@elena.foodie",
|
|
testimonial: "The best selection of artisanal cheese I have found in years. Simply perfect.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Marcus V.",
|
|
handle: "@marcus_chef",
|
|
testimonial: "Their sourdough is a staple in my kitchen. Absolutely consistent and high quality.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-chef-wearing-uniform-smiling-camera-against-colorful-background-attractive-man-ready-cooking-delicious-food-positive-expression_574295-6054.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Sarah L.",
|
|
handle: "@sarah.bakes",
|
|
testimonial: "The fresh produce is always vibrant. You can really taste the local difference.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-attractive-curly-african-american-female-spends-leisure-time-cafeteria-listens-happily-her-boyfriend-who-tells-funny-stories_273609-3215.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "David W.",
|
|
handle: "@dave.eats",
|
|
testimonial: "Exceptional honey and jams. Such a lovely shop to visit on the weekends!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Jane D.",
|
|
handle: "@jane.foodie",
|
|
testimonial: "A true gem for food lovers. I never leave empty handed.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg?_wi=1",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Explore Shop",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-eco-bakery-kids_23-2149884406.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
|
|
alt: "Customer 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-successful-chef-wearing-uniform-smiling-camera-against-colorful-background-attractive-man-ready-cooking-delicious-food-positive-expression_574295-6054.jpg",
|
|
alt: "Customer 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-attractive-curly-african-american-female-spends-leisure-time-cafeteria-listens-happily-her-boyfriend-who-tells-funny-stories_273609-3215.jpg",
|
|
alt: "Customer 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg",
|
|
alt: "Customer 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg",
|
|
alt: "Customer 5",
|
|
},
|
|
]}
|
|
avatarText="Trusted by 2,000+ happy foodies"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon",
|
|
text: "100% Organic",
|
|
icon: Leaf,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Locally Sourced",
|
|
icon: MapPin,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Artisan Crafted",
|
|
icon: Award,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Sustainably Grown",
|
|
icon: Leaf,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Fresh Daily",
|
|
icon: Clock,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
title="Crafted with Passion & Purpose"
|
|
description="At Eats & Artisans, we believe food should be a journey. From the soil to your table, we partner with small-scale farmers and makers who prioritize quality above all else. Every product on our shelves tells a story of tradition, sustainability, and uncompromising taste."
|
|
subdescription="We are committed to preserving local culinary heritage while bringing the finest ingredients directly to our community."
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-holding-tray-with-seeds-indoor-farming_23-2149854878.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Artisan Sourdough",
|
|
price: "$8.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hot-fresh-french-baguette-bread-wrapped-cloth_23-2148432282.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Aged Cheddar",
|
|
price: "$12.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-variety-mature-cheese_23-2148326038.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Organic Tomatoes",
|
|
price: "$5.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/table-with-green-vegetables_1112-354.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Wild Berry Jam",
|
|
price: "$9.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/three-glass-bottles-assorted-georgian-tkemali-sauce-with-ingredients-rustic-wooden-table_127032-1947.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Wildflower Honey",
|
|
price: "$11.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pigmented-cloth-with-natural-colors-composition_23-2148734273.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Culinary Herbs",
|
|
price: "$4.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-green-twig-plant_23-2148058733.jpg",
|
|
},
|
|
]}
|
|
title="Handcrafted Selection"
|
|
description="Our curated list of daily essentials and gourmet treats."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Elena R.",
|
|
role: "Food Blogger",
|
|
testimonial: "Always fresh, always friendly. My favorite spot!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marcus V.",
|
|
role: "Head Chef",
|
|
testimonial: "Quality that rivals the best markets in the city.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-chef-wearing-uniform-smiling-camera-against-colorful-background-attractive-man-ready-cooking-delicious-food-positive-expression_574295-6054.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sarah L.",
|
|
role: "Home Cook",
|
|
testimonial: "Lovely selection and great service.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-attractive-curly-african-american-female-spends-leisure-time-cafeteria-listens-happily-her-boyfriend-who-tells-funny-stories_273609-3215.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David W.",
|
|
role: "Customer",
|
|
testimonial: "I love the local focus here. Amazing tastes!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jane D.",
|
|
role: "Customer",
|
|
testimonial: "Authentic, fresh, and consistently great quality.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="From Our Kitchen Table"
|
|
description="Hear what our loyal community members have to say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Do you source locally?",
|
|
content: "Yes, over 80% of our products come from farms within 50 miles.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Are all your products organic?",
|
|
content: "Most of our produce is organic; we aim for 100% natural ingredients.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Can I pre-order bread?",
|
|
content: "Absolutely, visit us in-shop to reserve your favorite loaf.",
|
|
},
|
|
]}
|
|
title="Common Inquiries"
|
|
description="Everything you need to know about our sourcing."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get In Touch"
|
|
description="Have questions or want to inquire about custom orders? Send us a message."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your Message",
|
|
rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/village-landscape_1182-836.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Menu",
|
|
href: "#products",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Eats & Artisans"
|
|
bottomRightText="Crafted with love."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|