2 Commits

Author SHA1 Message Date
bd312ece57 Update src/app/page.tsx 2026-04-06 09:24:07 +00:00
f723ed37ce Update src/app/page.tsx 2026-04-06 09:23:40 +00:00

View File

@@ -27,338 +27,141 @@ export default function LandingPage() {
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="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"
button={{ text: "Get Started", href: "#contact" }}
/>
</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="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="about" data-section="about">
<TestimonialAboutCard
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"
useInvertedBackground={false}
/>
</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="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="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="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="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>
<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>
);