Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-29 11:52:10 +00:00

View File

@@ -17,186 +17,104 @@ export default function LandingPage() {
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Order Now",
id: "contact",
},
]}
brandName="U-TRN"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="U-TRN"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
title="Affordable, Delicious Meals in Accra Order Now"
description="Experience the best flavors of the city. Affordable prices, fast delivery, and authentic taste delivered to your doorstep."
kpis={[
{
value: "4.2+",
label: "Google Rating",
},
{
value: "100%",
label: "Woman Owned",
},
{
value: "FAST",
label: "Service Speed",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Call Now",
href: "tel:+233000000000",
},
{
text: "Order Online",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/delicious-spanish-rice-paella-pan-white-background_24972-1015.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "gradient-bars" }}
title="Affordable, Delicious Meals in Accra Order Now"
description="Experience the best flavors of the city. Affordable prices, fast delivery, and authentic taste delivered to your doorstep."
kpis={[
{ value: "4.2+", label: "Google Rating" },
{ value: "100%", label: "Woman Owned" },
{ value: "FAST", label: "Service Speed" }
]}
enableKpiAnimation={true}
buttons={[{ text: "Call Now", href: "tel:+233000000000" }, { text: "Order Online", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/delicious-spanish-rice-paella-pan-white-background_24972-1015.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Authentic Flavors, Local Heart"
tag="Our Story"
tagIcon={Award}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Authentic Flavors, Local Heart"
tag="Our Story"
tagIcon={Award}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "jollof",
name: "Fully Loaded Jollof",
price: "GH₵35",
imageSrc: "http://img.b2bpic.net/free-psd/shrimp-curry-with-rice-black-plate_84443-78730.jpg",
},
{
id: "burger",
name: "Signature Burger",
price: "GH₵40",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-bacon_23-2148784474.jpg",
},
{
id: "wings",
name: "Sweet & Spicy Wings",
price: "GH₵30",
imageSrc: "http://img.b2bpic.net/free-photo/spicy-salad-with-fried-chicken_1339-4399.jpg",
},
]}
title="Our Popular Items"
description="Crave-worthy meals that locals love. Affordable and made fresh daily."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "jollof", name: "Fully Loaded Jollof", price: "GH₵35", imageSrc: "http://img.b2bpic.net/free-psd/shrimp-curry-with-rice-black-plate_84443-78730.jpg" },
{ id: "burger", name: "Signature Burger", price: "GH₵40", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-bacon_23-2148784474.jpg" },
{ id: "wings", name: "Sweet & Spicy Wings", price: "GH₵30", imageSrc: "http://img.b2bpic.net/free-photo/spicy-salad-with-fried-chicken_1339-4399.jpg" }
]}
title="Our Popular Items"
description="Crave-worthy meals that locals love. Affordable and made fresh daily."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Great Food",
quote: "Affordable and delicious! The jollof is amazing.",
name: "Sarah A.",
role: "Local Resident",
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110427.jpg?_wi=1",
},
{
id: "2",
title: "Best Burger",
quote: "The signature burger is exactly what I needed. Truly the best!",
name: "Kwame O.",
role: "Foodie",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-flowers_23-2149901693.jpg",
},
{
id: "3",
title: "Fast & Tasty",
quote: "Everything was soooo good. Delivery was super quick.",
name: "Ama P.",
role: "Business Owner",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg",
},
{
id: "4",
title: "New Regular",
quote: "Can't get enough of those wings. Definitely coming back.",
name: "John D.",
role: "Visitor",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-smiling-coffee-shop_273609-2809.jpg",
},
{
id: "5",
title: "Authentic Taste",
quote: "It feels like home cooking. Simply the best in the area.",
name: "Esi M.",
role: "Teacher",
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110427.jpg?_wi=2",
},
]}
title="Loved by Locals"
description="Hear what our amazing customers have to say about U-TRN."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Great Food", quote: "Affordable and delicious! The jollof is amazing.", name: "Sarah A.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110427.jpg" },
{ id: "2", title: "Best Burger", quote: "The signature burger is exactly what I needed. Truly the best!", name: "Kwame O.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-flowers_23-2149901693.jpg" },
{ id: "3", title: "Fast & Tasty", quote: "Everything was soooo good. Delivery was super quick.", name: "Ama P.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg" },
{ id: "4", title: "New Regular", quote: "Can't get enough of those wings. Definitely coming back.", name: "John D.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-smiling-coffee-shop_273609-2809.jpg" },
{ id: "5", title: "Authentic Taste", quote: "It feels like home cooking. Simply the best in the area.", name: "Esi M.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110427.jpg" }
]}
title="Loved by Locals"
description="Hear what our amazing customers have to say about U-TRN."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated",
}}
text="Ready to eat? Call us or order online to get your fresh meal delivered right to your door."
buttons={[
{
text: "Call Now",
href: "tel:+233000000000",
},
{
text: "Order Online",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "rotated-rays-animated" }}
text="Ready to eat? Call us or order online to get your fresh meal delivered right to your door."
buttons={[
{ text: "Call Now", href: "tel:+233000000000" },
{ text: "Order Online", href: "#" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="U-TRN"
copyrightText="© 2025 U-TRN Restaurant. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="U-TRN"
copyrightText="© 2025 U-TRN Restaurant. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);