Merge version_1 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user