Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-12 21:08:54 +00:00

View File

@@ -29,376 +29,165 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Kwa Jerry"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Kwa Jerry"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
title="Fast Food, Done Right."
description="Experience the authentic taste of Kwa Jerry's. Fresh, fast, and packed with flavor, served with a smile every single day."
tag="Your Favorite Spot"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-serious-young-redhead-curly-woman_171337-16554.jpg?_wi=1",
imageAlt: "Fast food restaurant delicious burger",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holds-tray-with-cheese-toast-with-slices-tomato-vegetable-salad_141793-4269.jpg?_wi=1",
imageAlt: "Prepared fast food meal platter",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-traditional-japanese-food_23-2148759579.jpg",
imageAlt: "People enjoying traditional japanese food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-nuggets-fries_23-2148314204.jpg",
imageAlt: "Close-up person with nuggets and fries",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291678.jpg",
imageAlt: "Close up on delicious fast food meal",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="5/5 based on local flavor reviews"
tagIcon={Sparkles}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "radial-gradient" }}
title="Fast Food, Done Right."
description="Experience the authentic taste of Kwa Jerry's. Fresh, fast, and packed with flavor, served with a smile every single day."
tag="Your Favorite Spot"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-serious-young-redhead-curly-woman_171337-16554.jpg", imageAlt: "Fast food restaurant delicious burger" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holds-tray-with-cheese-toast-with-slices-tomato-vegetable-salad_141793-4269.jpg", imageAlt: "Prepared fast food meal platter" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="5/5 based on local flavor reviews"
tagIcon={Sparkles}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Passion for Quality"
description="At Kwa Jerry, we believe fast food shouldn't mean compromising on quality. Every meal is crafted with fresh, local ingredients and a passion for great taste."
subdescription="From our secret sauces to our perfectly crisp fries, we've perfected every detail to give you an unforgettable meal."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727985.jpg?_wi=1"
imageAlt="friendly chef preparing food in kitchen"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Passion for Quality"
description="At Kwa Jerry, we believe fast food shouldn't mean compromising on quality. Every meal is crafted with fresh, local ingredients and a passion for great taste."
subdescription="From our secret sauces to our perfectly crisp fries, we've perfected every detail to give you an unforgettable meal."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727985.jpg"
imageAlt="friendly chef preparing food in kitchen"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Fresh Ingredients",
description: "Always locally sourced and prepared fresh daily.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/burger-closeup-fast-food-cheat-meal-concept-junk-food_169016-67425.jpg?_wi=1",
imageAlt: "gourmet cheeseburger on table",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-dipped-ketchup_23-2152021208.jpg?_wi=1",
imageAlt: "crispy golden french fries bowl",
},
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-serious-young-redhead-curly-woman_171337-16554.jpg?_wi=2",
imageAlt: "gourmet cheeseburger on table",
},
{
title: "Rapid Service",
description: "Quick, reliable, and efficient service every time.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062777.jpg",
imageAlt: "tasty fried chicken piece crispy",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/wrap-salad-roll_1339-7749.jpg",
imageAlt: "fresh healthy chicken wrap snack",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holds-tray-with-cheese-toast-with-slices-tomato-vegetable-salad_141793-4269.jpg?_wi=2",
imageAlt: "gourmet cheeseburger on table",
},
{
title: "Unmatched Taste",
description: "Flavor profiles crafted to satisfy your cravings.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/summer-drink-with-raspberries-lime-ice-old-wooden-table_93675-128446.jpg",
imageAlt: "refreshing cold soda drink glass",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-portions-marble-background_123827-28217.jpg",
imageAlt: "delicious chocolate brownie dessert slice",
},
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727985.jpg?_wi=2",
imageAlt: "gourmet cheeseburger on table",
},
]}
showStepNumbers={false}
title="Why Choose Kwa Jerry?"
description="Discover what makes our kitchen the heart of the neighborhood."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Fresh Ingredients", description: "Always locally sourced and prepared fresh daily.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/burger-closeup-fast-food-cheat-meal-concept-junk-food_169016-67425.jpg", imageAlt: "gourmet cheeseburger on table" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/french-fries-dipped-ketchup_23-2152021208.jpg", imageAlt: "crispy golden french fries bowl" }
},
{
title: "Rapid Service", description: "Quick, reliable, and efficient service every time.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062777.jpg", imageAlt: "tasty fried chicken piece crispy" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/wrap-salad-roll_1339-7749.jpg", imageAlt: "fresh healthy chicken wrap snack" }
},
{
title: "Unmatched Taste", description: "Flavor profiles crafted to satisfy your cravings.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/summer-drink-with-raspberries-lime-ice-old-wooden-table_93675-128446.jpg", imageAlt: "refreshing cold soda drink glass" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-portions-marble-background_123827-28217.jpg", imageAlt: "delicious chocolate brownie dessert slice" }
}
]}
showStepNumbers={false}
title="Why Choose Kwa Jerry?"
description="Discover what makes our kitchen the heart of the neighborhood."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Classic Burger",
price: "$8.50",
variant: "Signature",
imageSrc: "http://img.b2bpic.net/free-photo/patty-sesame-lunch-background-american_1172-272.jpg",
},
{
id: "2",
name: "Golden Fries",
price: "$3.00",
variant: "Small",
imageSrc: "http://img.b2bpic.net/free-photo/finely-roasted-potato-sticks-served-with-lemon-slices_114579-1750.jpg",
},
{
id: "3",
name: "Crispy Chicken",
price: "$9.00",
variant: "Spicy",
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-corn-dogs-arrangement_23-2149455094.jpg",
},
{
id: "4",
name: "Healthy Wrap",
price: "$7.50",
variant: "Veggie",
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-pickles-wrapped-lavash_140725-6372.jpg",
},
{
id: "5",
name: "Iced Soda",
price: "$2.00",
variant: "Large",
imageSrc: "http://img.b2bpic.net/free-photo/iced-lemon-tea_1339-4840.jpg",
},
{
id: "6",
name: "Choco Brownie",
price: "$4.50",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-portion-wooden-table_123827-27597.jpg",
},
]}
title="Our Menu"
description="From classic burgers to indulgent desserts, explore our full menu of favorites."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Classic Burger", price: "$8.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/patty-sesame-lunch-background-american_1172-272.jpg" },
{ id: "2", name: "Golden Fries", price: "$3.00", variant: "Small", imageSrc: "http://img.b2bpic.net/free-photo/finely-roasted-potato-sticks-served-with-lemon-slices_114579-1750.jpg" },
{ id: "3", name: "Crispy Chicken", price: "$9.00", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-corn-dogs-arrangement_23-2149455094.jpg" },
{ id: "4", name: "Healthy Wrap", price: "$7.50", variant: "Veggie", imageSrc: "http://img.b2bpic.net/free-photo/vegetables-pickles-wrapped-lavash_140725-6372.jpg" },
{ id: "5", name: "Iced Soda", price: "$2.00", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/iced-lemon-tea_1339-4840.jpg" },
{ id: "6", name: "Choco Brownie", price: "$4.50", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-portion-wooden-table_123827-27597.jpg" }
]}
title="Our Menu"
description="From classic burgers to indulgent desserts, explore our full menu of favorites."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10K+",
description: "Happy Customers",
},
{
id: "m2",
value: "500+",
description: "Daily Orders",
},
{
id: "m3",
value: "12",
description: "Years Serving",
},
]}
title="Our Impact"
description="Proudly serving the community for over a decade with consistency and care."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "10K+", description: "Happy Customers" },
{ id: "m2", value: "500+", description: "Daily Orders" },
{ id: "m3", value: "12", description: "Years Serving" }
]}
title="Our Impact"
description="Proudly serving the community for over a decade with consistency and care."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
date: "Jan 2024",
title: "Regular Diner",
quote: "The best burger in town! Always fresh and hot.",
tag: "Delicious",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-friends-eating-salmon-bowls_23-2150427634.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-serious-young-redhead-curly-woman_171337-16554.jpg?_wi=3",
imageAlt: "happy customer eating burger restaurant",
},
{
id: "2",
name: "James O'Neal",
date: "Feb 2024",
title: "Foodie",
quote: "Quick service and incredible flavor profiles.",
tag: "Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-holding-burger_23-2148705547.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holds-tray-with-cheese-toast-with-slices-tomato-vegetable-salad_141793-4269.jpg?_wi=3",
imageAlt: "happy customer eating burger restaurant",
},
{
id: "3",
name: "Lisa Wong",
date: "Mar 2024",
title: "Customer",
quote: "Love the variety. Always my go-to lunch spot.",
tag: "Friendly",
avatarSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110887.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727985.jpg?_wi=3",
imageAlt: "happy customer eating burger restaurant",
},
{
id: "4",
name: "Mark Stevens",
date: "Apr 2024",
title: "Daily Regular",
quote: "Consistently great taste every time I visit.",
tag: "Favorite",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/burger-closeup-fast-food-cheat-meal-concept-junk-food_169016-67425.jpg?_wi=2",
imageAlt: "happy customer eating burger restaurant",
},
{
id: "5",
name: "Emma Wilson",
date: "May 2024",
title: "Student",
quote: "Affordable and tasty, perfect for student life.",
tag: "BestValue",
avatarSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-dipped-ketchup_23-2152021208.jpg?_wi=2",
imageAlt: "happy customer eating burger restaurant",
},
]}
title="What People Say"
description="Join thousands of satisfied customers who choose Kwa Jerry as their neighborhood favorite."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", date: "Jan 2024", title: "Regular Diner", quote: "The best burger in town! Always fresh and hot.", tag: "Delicious", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-friends-eating-salmon-bowls_23-2150427634.jpg" },
{ id: "2", name: "James O'Neal", date: "Feb 2024", title: "Foodie", quote: "Quick service and incredible flavor profiles.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-holding-burger_23-2148705547.jpg" },
{ id: "3", name: "Lisa Wong", date: "Mar 2024", title: "Customer", quote: "Love the variety. Always my go-to lunch spot.", tag: "Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110887.jpg" },
{ id: "4", name: "Mark Stevens", date: "Apr 2024", title: "Daily Regular", quote: "Consistently great taste every time I visit.", tag: "Favorite", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg" },
{ id: "5", name: "Emma Wilson", date: "May 2024", title: "Student", quote: "Affordable and tasty, perfect for student life.", tag: "BestValue", avatarSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg" }
]}
title="What People Say"
description="Join thousands of satisfied customers who choose Kwa Jerry as their neighborhood favorite."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you offer delivery?",
content: "Yes, we partner with major delivery apps for your convenience.",
},
{
id: "f2",
title: "Are you open on weekends?",
content: "We are open seven days a week to serve you.",
},
{
id: "f3",
title: "Do you have vegetarian options?",
content: "Yes, our wrap options are perfect for vegetarians.",
},
]}
sideTitle="Questions?"
sideDescription="Find answers to our most common questions here."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we partner with major delivery apps for your convenience." },
{ id: "f2", title: "Are you open on weekends?", content: "We are open seven days a week to serve you." },
{ id: "f3", title: "Do you have vegetarian options?", content: "Yes, our wrap options are perfect for vegetarians." }
]}
sideTitle="Questions?"
sideDescription="Find answers to our most common questions here."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Have feedback or a catering request? Let us know!"
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/love-sign-wall-wedding-reception_637285-5615.jpg"
imageAlt="modern restaurant entrance street view"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Have feedback or a catering request? Let us know!"
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/love-sign-wall-wedding-reception_637285-5615.jpg"
imageAlt="modern restaurant entrance street view"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Kwa Jerry",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Kwa Jerry Fast Food"
bottomRightText="Built for flavor"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Kwa Jerry", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#menu" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
bottomLeftText="© 2024 Kwa Jerry Fast Food"
bottomRightText="Built for flavor"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}