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

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_1 bender:version_2
...
pull from: bender:main
Branches Tags
bender:main bender:version_1 bender:version_2

5 Commits
version_1 ... main

Author SHA1 Message Date
bender
f6e8fe254c Update src/app/styles/base.css 2026-04-06 09:25:41 +00:00
bender
da2d634cc4 Update src/app/page.tsx 2026-04-06 09:25:41 +00:00
bender
6af42ba041 Merge version_1 into main 
Merge version_1 into main
 2026-04-06 09:24:10 +00:00
bender
994535a52a Merge version_1 into main 
Merge version_1 into main
 2026-04-06 09:23:46 +00:00
bender
335e8b9a70 Merge version_1 into main 
Merge version_1 into main
 2026-04-06 09:23:11 +00:00
2 changed files with 191 additions and 133 deletions
Expand all files Collapse all files

318
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 FooterSimple from '@/components/sections/footer/FooterSimple'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial'; import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
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,141 +27,199 @@ export default function LandingPage() {
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarStyleCentered
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={{ variant: "gradient-bars" }} background={{
title="Authentic Flavors, Artisan Made" variant: "gradient-bars"}}
description="Discover a collection of hand-selected, organic ingredients and gourmet foods crafted by local masters. Experience the difference that quality makes." title="Authentic Flavors, Artisan Made"
testimonials={[ description="Discover a collection of hand-selected, organic ingredients and gourmet foods crafted by local masters. Experience the difference that quality makes."
{ 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" }, testimonials={[
{ 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: "Elena R.", handle: "@elena.foodie", testimonial: "The best selection of artisanal cheese I have found in years. Simply perfect.", rating: 5,
{ 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" }, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.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,
buttons={[{ text: "Explore Shop", href: "#products" }]} 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"},
imageSrc="http://img.b2bpic.net/free-photo/high-angle-eco-bakery-kids_23-2149884406.jpg" {
mediaAnimation="slide-up" name: "Sarah L.", handle: "@sarah.bakes", testimonial: "The fresh produce is always vibrant. You can really taste the local difference.", rating: 5,
avatars={[ 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"},
{ 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" }, 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/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" }, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-girl-choosing-you_1262-17150.jpg?_wi=1"},
{ 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" }, 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"},
avatarText="Trusted by 2,000+ happy foodies" ]}
marqueeItems={[ buttons={[
{ type: "text-icon", text: "100% Organic", icon: Leaf }, {
{ type: "text-icon", text: "Locally Sourced", icon: MapPin }, text: "Explore Shop", href: "#products"},
{ type: "text-icon", text: "Artisan Crafted", icon: Award }, ]}
{ type: "text-icon", text: "Sustainably Grown", icon: Leaf }, imageSrc="http://img.b2bpic.net/free-photo/high-angle-eco-bakery-kids_23-2149884406.jpg"
{ type: "text-icon", text: "Fresh Daily", icon: Clock }, mediaAnimation="slide-up"
]} avatars={[
/> {
</div> 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"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
tag="Our Story" useInvertedBackground={false}
title="Crafted with Passion & Purpose" tag="Our Story"
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." title="Crafted with Passion & Purpose"
subdescription="We are committed to preserving local culinary heritage while bringing the finest ingredients directly to our community." 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."
icon={Award} subdescription="We are committed to preserving local culinary heritage while bringing the finest ingredients directly to our community."
imageSrc="http://img.b2bpic.net/free-photo/man-holding-tray-with-seeds-indoor-farming_23-2149854878.jpg" icon={Award}
mediaAnimation="blur-reveal" imageSrc="http://img.b2bpic.net/free-photo/man-holding-tray-with-seeds-indoor-farming_23-2149854878.jpg"
useInvertedBackground={false} mediaAnimation="blur-reveal"
/> />
</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: "p2", name: "Aged Cheddar", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-variety-mature-cheese_23-2148326038.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: "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: "p2", name: "Aged Cheddar", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-variety-mature-cheese_23-2148326038.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" }, id: "p3", name: "Organic Tomatoes", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/table-with-green-vegetables_1112-354.jpg"},
]} {
title="Handcrafted Selection" 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"},
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: "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: "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: "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: "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: "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" {
description="Hear what our loyal community members have to say." 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"},
/> {
</div> 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"> <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: "q2", title: "Are all your products organic?", content: "Most of our produce is organic; we aim for 100% natural ingredients." }, id: "q1", title: "Do you source locally?", content: "Yes, over 80% of our products come from farms within 50 miles."},
{ 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" {
description="Everything you need to know about our sourcing." id: "q3", title: "Can I pre-order bread?", content: "Absolutely, visit us in-shop to reserve your favorite loaf."},
faqsAnimation="blur-reveal" ]}
/> title="Common Inquiries"
</div> description="Everything you need to know about our sourcing."
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: "email", type: "email", placeholder: "Your Email", required: true }, name: "name", type: "text", placeholder: "Your Name", required: true,
]} },
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }} {
imageSrc="http://img.b2bpic.net/free-photo/village-landscape_1182-836.jpg" name: "email", type: "email", placeholder: "Your Email", required: true,
/> },
</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">
<FooterSimple <FooterBase
columns={[ logoText="Eats & Artisans"
{ title: "Shop", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] }, columns={[
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }, {
]} title: "Shop", items: [
bottomLeftText="© 2024 Eats & Artisans" { label: "About", href: "#about" },
bottomRightText="Crafted with love." { label: "Menu", href: "#products" },
/> ],
</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-nunito-sans), sans-serif; font-family: var(--font-inter), 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-nunito-sans), sans-serif; font-family: var(--font-dm-sans), sans-serif;
} }