bender/8a9e0c75-2a67-475b-9d25-bbf5c9d11fed
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_1 bender:version_2
..
compare: bender:version_1
Branches Tags
bender:main bender:version_1 bender:version_2

2 Commits
version_2 ... version_1

Author SHA1 Message Date
bender
bd312ece57 Update src/app/page.tsx 2026-04-06 09:24:07 +00:00
bender
f723ed37ce Update src/app/page.tsx 2026-04-06 09:23:40 +00:00
2 changed files with 133 additions and 191 deletions
Expand all files Collapse all files

320
src/app/page.tsx
View File

@@ -4,9 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial'; import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
@@ -27,200 +27,142 @@ export default function LandingPage() {
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "Home", id: "hero" }, { name: "Home", id: "hero" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Menu", id: "products" }, { name: "Menu", id: "products" },
{ name: "Testimonials", id: "testimonials" }, { name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
brandName="Eats & Artisans" brandName="Eats & Artisans"
/> button={{ text: "Get Started", href: "#contact" }}
</div> />
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars"}} title="Authentic Flavors, Artisan Made"
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."
description="Discover a collection of hand-selected, organic ingredients and gourmet foods crafted by local masters. Experience the difference that quality makes." testimonials={[
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: "Elena R.", handle: "@elena.foodie", testimonial: "The best selection of artisanal cheese I have found in years. Simply perfect.", rating: 5, { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.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" },
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"}, buttons={[{ text: "Explore Shop", href: "#products" }]}
{ imageSrc="http://img.b2bpic.net/free-photo/high-angle-eco-bakery-kids_23-2149884406.jpg"
name: "Sarah L.", handle: "@sarah.bakes", testimonial: "The fresh produce is always vibrant. You can really taste the local difference.", rating: 5, mediaAnimation="slide-up"
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"}, avatars={[
{ { src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg", alt: "Customer 1" },
name: "David W.", handle: "@dave.eats", testimonial: "Exceptional honey and jams. Such a lovely shop to visit on the weekends!", rating: 5, { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg?_wi=1"}, { 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" },
name: "Jane D.", handle: "@jane.foodie", testimonial: "A true gem for food lovers. I never leave empty handed.", rating: 5, { src: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg", alt: "Customer 5" },
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-mobile-phone-while-sitting-alone-cafe_197531-30925.jpg?_wi=1"}, ]}
]} avatarText="Trusted by 2,000+ happy foodies"
buttons={[ marqueeItems={[
{ { type: "text-icon", text: "100% Organic", icon: Leaf },
text: "Explore Shop", href: "#products"}, { type: "text-icon", text: "Locally Sourced", icon: MapPin },
]} { type: "text-icon", text: "Artisan Crafted", icon: Award },
imageSrc="http://img.b2bpic.net/free-photo/high-angle-eco-bakery-kids_23-2149884406.jpg" { type: "text-icon", text: "Sustainably Grown", icon: Leaf },
mediaAnimation="slide-up" { type: "text-icon", text: "Fresh Daily", icon: Clock },
avatars={[ ]}
{ />
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg", alt: "Customer 1"}, </div>
{
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"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={false} tag="Our Story"
tag="Our Story" title="Crafted with Passion & Purpose"
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."
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."
subdescription="We are committed to preserving local culinary heritage while bringing the finest ingredients directly to our community." icon={Award}
icon={Award} imageSrc="http://img.b2bpic.net/free-photo/man-holding-tray-with-seeds-indoor-farming_23-2149854878.jpg"
imageSrc="http://img.b2bpic.net/free-photo/man-holding-tray-with-seeds-indoor-farming_23-2149854878.jpg" mediaAnimation="blur-reveal"
mediaAnimation="blur-reveal" useInvertedBackground={false}
/> />
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardThree <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split-description" textboxLayout="split-description"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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: "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: "p2", name: "Aged Cheddar", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-variety-mature-cheese_23-2148326038.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: "p3", name: "Organic Tomatoes", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/table-with-green-vegetables_1112-354.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" },
{ ]}
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"}, title="Handcrafted Selection"
{ description="Our curated list of daily essentials and gourmet treats."
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"}, />
{ </div>
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"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ 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: "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: "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: "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" },
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"}, ]}
{ title="From Our Kitchen Table"
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"}, description="Hear what our loyal community members have to say."
{ />
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"}, </div>
]}
title="From Our Kitchen Table"
description="Hear what our loyal community members have to say."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "q1", title: "Do you source locally?", content: "Yes, over 80% of our products come from farms within 50 miles." },
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." },
id: "q2", title: "Are all your products organic?", content: "Most of our produce is organic; we aim for 100% natural ingredients."}, ]}
{ title="Common Inquiries"
id: "q3", title: "Can I pre-order bread?", content: "Absolutely, visit us in-shop to reserve your favorite loaf."}, description="Everything you need to know about our sourcing."
]} faqsAnimation="blur-reveal"
title="Common Inquiries" />
description="Everything you need to know about our sourcing." </div>
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Get In Touch" title="Get In Touch"
description="Have questions or want to inquire about custom orders? Send us a message." description="Have questions or want to inquire about custom orders? Send us a message."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Your Name", required: true },
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 }}
name: "email", type: "email", placeholder: "Your Email", required: true, imageSrc="http://img.b2bpic.net/free-photo/village-landscape_1182-836.jpg"
}, />
]} </div>
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"> <div id="footer" data-section="footer">
<FooterBase <FooterSimple
logoText="Eats & Artisans" columns={[
columns={[ { title: "Shop", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
{ { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
title: "Shop", items: [ ]}
{ label: "About", href: "#about" }, bottomLeftText="© 2024 Eats & Artisans"
{ label: "Menu", href: "#products" }, bottomRightText="Crafted with love."
], />
}, </div>
{
title: "Legal", items: [
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" },
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter), sans-serif; font-family: var(--font-nunito-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-dm-sans), sans-serif; font-family: var(--font-nunito-sans), sans-serif;
} }