Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
449
src/app/page.tsx
449
src/app/page.tsx
@@ -15,326 +15,155 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Yummy Yard"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Yummy Yard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Yummy Yard"
|
||||
description="The freshest ingredients, served under the open sky. Join us for a delightful culinary adventure in the heart of the yard."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4660.jpg"
|
||||
imageAlt="Outdoor dining setup at Yummy Yard"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Yummy Yard"
|
||||
description="The freshest ingredients, served under the open sky. Join us for a delightful culinary adventure in the heart of the yard."
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book Table", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4660.jpg"
|
||||
imageAlt="Outdoor dining setup at Yummy Yard"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Yummy Yard started as a passion project to bring people together over great food and even better atmosphere.",
|
||||
"We believe in farm-to-table freshness and sustainable practices, ensuring every bite reflects the care we put into our ingredients.",
|
||||
"Whether it's a sunny brunch or a cozy evening, our yard is your perfect getaway.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Yummy Yard started as a passion project to bring people together over great food and even better atmosphere.", "We believe in farm-to-table freshness and sustainable practices, ensuring every bite reflects the care we put into our ingredients.", "Whether it's a sunny brunch or a cozy evening, our yard is your perfect getaway."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Fresh",
|
||||
title: "Local Ingredients",
|
||||
subtitle: "Sourced Daily",
|
||||
description: "We partner with local farms to bring the freshest produce to your plate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-fresh-vegetables-blurred-vegetable-garden-background_169016-39504.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Outdoor",
|
||||
title: "Great Ambiance",
|
||||
subtitle: "Nature Inspired",
|
||||
description: "Enjoy your meal in a beautiful, open-air setting surrounded by greenery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furnitures-with-empty-chair-table_1203-9374.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Family",
|
||||
title: "Pet Friendly",
|
||||
subtitle: "Everyone Welcome",
|
||||
description: "Our yard is fully equipped to welcome your furry friends along for the fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-drinking-dog-outdoors_23-2148650409.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Yummy Yard"
|
||||
description="We offer a unique outdoor experience unlike any other local spot."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Fresh", title: "Local Ingredients", subtitle: "Sourced Daily", description: "We partner with local farms to bring the freshest produce to your plate.", imageSrc: "http://img.b2bpic.net/free-photo/composition-fresh-vegetables-blurred-vegetable-garden-background_169016-39504.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Outdoor", title: "Great Ambiance", subtitle: "Nature Inspired", description: "Enjoy your meal in a beautiful, open-air setting surrounded by greenery.", imageSrc: "http://img.b2bpic.net/free-photo/furnitures-with-empty-chair-table_1203-9374.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Family", title: "Pet Friendly", subtitle: "Everyone Welcome", description: "Our yard is fully equipped to welcome your furry friends along for the fun.", imageSrc: "http://img.b2bpic.net/free-photo/young-women-drinking-dog-outdoors_23-2148650409.jpg"
|
||||
}
|
||||
]}
|
||||
title="Why Choose Yummy Yard"
|
||||
description="We offer a unique outdoor experience unlike any other local spot."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Yummy Yard Burger",
|
||||
price: "$14.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sandwich-tomatoes-ketchup-wooden-cutting-board-right-side-dark-color-surface_179666-34205.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Fresh",
|
||||
name: "Garden Salad",
|
||||
price: "$9.99",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-salad-with-chopped-cabbage-carrot-cucumbers-tomatoes-corn-plate_140725-10250.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Grill",
|
||||
name: "BBQ Ribs",
|
||||
price: "$18.99",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-pomegranate-table_140725-8554.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Dessert",
|
||||
name: "Berry Sorbet",
|
||||
price: "$6.99",
|
||||
rating: 4,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-frozen-brazilian-fruit-dessert_23-2150166311.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Drink",
|
||||
name: "Lemonade",
|
||||
price: "$4.99",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cocktail-with-straw_1203-1745.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Snack",
|
||||
name: "Garlic Fries",
|
||||
price: "$5.99",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yummy-french-fries-onion-ketchup_23-2148374909.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Hand-picked favorites that our guests love."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Signature", name: "Yummy Yard Burger", price: "$14.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sandwich-tomatoes-ketchup-wooden-cutting-board-right-side-dark-color-surface_179666-34205.jpg" },
|
||||
{ id: "2", brand: "Fresh", name: "Garden Salad", price: "$9.99", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-salad-with-chopped-cabbage-carrot-cucumbers-tomatoes-corn-plate_140725-10250.jpg" },
|
||||
{ id: "3", brand: "Grill", name: "BBQ Ribs", price: "$18.99", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-pomegranate-table_140725-8554.jpg" }
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Hand-picked favorites that our guests love."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Smith",
|
||||
role: "Food Blogger",
|
||||
company: "EatOut",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie Lee",
|
||||
role: "Local Resident",
|
||||
company: "Neighborhood",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-mood-smiling-young-adult-man-casual-clothes-holding-enthusiastic-school-age-daughter-back-woman-with-child-with-back-camera-courtyard-country-house_259150-59387.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Taylor Ray",
|
||||
role: "Chef",
|
||||
company: "Gourmet Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-professional-male-chef-with-his-prepared-dish_23-2147863802.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan P.",
|
||||
role: "Yoga Teacher",
|
||||
company: "Wellness Center",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-brunette-woman-sitting-lotus-pose-yoga-mat-practice-meditation-stretching-exercises_1258-183257.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Casey W.",
|
||||
role: "Artist",
|
||||
company: "Studio Art",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451018.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1.2k+",
|
||||
label: "Happy Guests",
|
||||
},
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
label: "Years Active",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See what our happy visitors say about their time in the yard."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Smith", role: "Food Blogger", company: "EatOut", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg" },
|
||||
{ id: "2", name: "Jamie Lee", role: "Local Resident", company: "Neighborhood", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/playful-mood-smiling-young-adult-man-casual-clothes-holding-enthusiastic-school-age-daughter-back-woman-with-child-with-back-camera-courtyard-country-house_259150-59387.jpg" },
|
||||
{ id: "3", name: "Taylor Ray", role: "Chef", company: "Gourmet Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-professional-male-chef-with-his-prepared-dish_23-2147863802.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "1.2k+", label: "Happy Guests" },
|
||||
{ value: "4.8", label: "Average Rating" },
|
||||
{ value: "5+", label: "Years Active" }
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See what our happy visitors say about their time in the yard."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you need a reservation?",
|
||||
content: "Reservations are recommended for weekends but not required.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the yard indoors?",
|
||||
content: "We offer a mix of covered and open-air seating for all weather conditions.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you cater?",
|
||||
content: "Yes, we offer catering services for private events.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-restaurant_23-2150384836.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you plan your visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you need a reservation?", content: "Reservations are recommended for weekends but not required." },
|
||||
{ id: "q2", title: "Is the yard indoors?", content: "We offer a mix of covered and open-air seating for all weather conditions." },
|
||||
{ id: "q3", title: "Do you cater?", content: "Yes, we offer catering services for private events." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-restaurant_23-2150384836.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you plan your visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Us"
|
||||
description="Have a question or want to book a table? Get in touch."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Us"
|
||||
description="Have a question or want to book a table? Get in touch."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Yummy Yard. All rights reserved."
|
||||
bottomRightText="123 Yard Street, Food City"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Yummy Yard. All rights reserved."
|
||||
bottomRightText="123 Yard Street, Food City"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user