Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 00d9d18679 | |||
| e59e691dc6 | |||
| 335e8b9a70 |
251
src/app/page.tsx
251
src/app/page.tsx
@@ -4,9 +4,9 @@ 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 FooterBase from '@/components/sections/footer/FooterBase';
|
||||
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 TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
@@ -28,28 +28,13 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Eats & Artisans"
|
||||
/>
|
||||
@@ -58,103 +43,60 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "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: "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: "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: "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: "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",
|
||||
},
|
||||
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/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/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/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/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",
|
||||
},
|
||||
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: "100% Organic", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Locally Sourced", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Artisan Crafted",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Artisan Crafted", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainably Grown",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Sustainably Grown", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Daily",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Fresh Daily", icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -181,41 +123,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "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."
|
||||
@@ -229,40 +147,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -275,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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."
|
||||
@@ -303,22 +187,14 @@ export default function LandingPage() {
|
||||
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: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/village-landscape_1182-836.jpg"
|
||||
@@ -326,40 +202,25 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBase
|
||||
logoText="Eats & Artisans"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Eats & Artisans"
|
||||
bottomRightText="Crafted with love."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-nunito-sans), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-nunito-sans), sans-serif;
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user