Merge version_1 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -31,105 +31,48 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Bakery",
|
||||
id: "bakery",
|
||||
},
|
||||
{
|
||||
name: "Delivery",
|
||||
id: "delivery",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Bakery", id: "bakery" },
|
||||
{ name: "Delivery", id: "delivery" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="SOCOCE"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Everything You Need — In One Place."
|
||||
description="From daily essentials to premium imports. Delivered to your door in minutes. Shop better, live better."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Trusted",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Imported Goods",
|
||||
},
|
||||
{
|
||||
value: "30m",
|
||||
label: "Express Delivery",
|
||||
},
|
||||
{ value: "15+", label: "Years Trusted" },
|
||||
{ value: "500+", label: "Imported Goods" },
|
||||
{ value: "30m", label: "Express Delivery" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "View Bakery",
|
||||
href: "#bakery",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "View Bakery", href: "#bakery" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cupcake-explosion_23-2148114572.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097826.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097840.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/homemade-tart-with-berries-whipped-cream-brown-desk-against-black-background_23-2148161731.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-appetizing-fresh-chocolate-cake-glass-showcase-pastry-shop-cafe_639032-1328.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-delicious-assortment-vegetables-fruit_23-2148256173.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097826.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097840.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/homemade-tart-with-berries-whipped-cream-brown-desk-against-black-background_23-2148161731.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-appetizing-fresh-chocolate-cake-glass-showcase-pastry-shop-cafe_639032-1328.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-delicious-assortment-vegetables-fruit_23-2148256173.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local shoppers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Bakery Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Express Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Imports",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Payments",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Quality Guaranteed",
|
||||
},
|
||||
{ type: "text", text: "Fresh Bakery Daily" },
|
||||
{ type: "text", text: "Express Delivery" },
|
||||
{ type: "text", text: "Premium Imports" },
|
||||
{ type: "text", text: "Secure Payments" },
|
||||
{ type: "text", text: "100% Quality Guaranteed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,21 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Skip the Queue",
|
||||
description: "Order online and pick up your ready-packed basket.",
|
||||
},
|
||||
{
|
||||
icon: CreditCard,
|
||||
title: "Mobile Payments",
|
||||
description: "Seamless integration with Wave, MTN, and Orange Money.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Home Delivery",
|
||||
description: "Scheduled or express delivery right to your front door.",
|
||||
},
|
||||
{ icon: Smartphone, title: "Skip the Queue", description: "Order online and pick up your ready-packed basket." },
|
||||
{ icon: CreditCard, title: "Mobile Payments", description: "Seamless integration with Wave, MTN, and Orange Money." },
|
||||
{ icon: Truck, title: "Home Delivery", description: "Scheduled or express delivery right to your front door." },
|
||||
]}
|
||||
title="Elevated Shopping Experience"
|
||||
description="We've re-engineered the classic supermarket journey to remove the friction."
|
||||
@@ -168,42 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "European Artisan Cheese",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-delicious-croissants-being-prerpared_181624-56837.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "French Pastry Box",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-baker-s-hand-wearing-plastic-glove-taking-baked-croissant-from-basket_23-2148189106.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Imported Olive Oil",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diary-products-cheesecake-with-oreo-cookies_114579-2473.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fresh Organic Produce",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-macarons_23-2149871745.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Imported Red Wine",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coloured-macarons_1112-141.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisan Dark Chocolate",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-varieties-wooden-platters-top-view_114579-13809.jpg",
|
||||
},
|
||||
{ id: "p1", name: "European Artisan Cheese", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-delicious-croissants-being-prerpared_181624-56837.jpg" },
|
||||
{ id: "p2", name: "French Pastry Box", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/female-baker-s-hand-wearing-plastic-glove-taking-baked-croissant-from-basket_23-2148189106.jpg" },
|
||||
{ id: "p3", name: "Imported Olive Oil", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/diary-products-cheesecake-with-oreo-cookies_114579-2473.jpg" },
|
||||
{ id: "p4", name: "Fresh Organic Produce", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-macarons_23-2149871745.jpg" },
|
||||
{ id: "p5", name: "Imported Red Wine", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/coloured-macarons_1112-141.jpg" },
|
||||
{ id: "p6", name: "Artisan Dark Chocolate", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/pastry-varieties-wooden-platters-top-view_114579-13809.jpg" },
|
||||
]}
|
||||
title="Popular Right Now"
|
||||
description="Discover our most loved items, from fresh daily basics to exclusive European imports."
|
||||
@@ -215,10 +116,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Bakery Spotlight"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Fresh Bakery",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Order Fresh Bakery", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -230,21 +128,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "On-time delivery rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Customer Support access",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Dedicated delivery riders",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "On-time delivery rate" },
|
||||
{ id: "m2", value: "24/7", description: "Customer Support access" },
|
||||
{ id: "m3", value: "50+", description: "Dedicated delivery riders" },
|
||||
]}
|
||||
title="Logistics Optimized"
|
||||
description="Our fleet ensures your fresh goods arrive in perfect condition."
|
||||
@@ -257,41 +143,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah K.",
|
||||
role: "Loyal Customer",
|
||||
testimonial: "You can truly find everything here. The bakery is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-supermarket_23-2148150040.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Wholesale Client",
|
||||
testimonial: "Best prices in Bouaké. Reliable and fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-using-laptop-street-with-night-city_1153-3536.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena P.",
|
||||
role: "Daily Shopper",
|
||||
testimonial: "A luxurious and pleasant shopping experience every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-organic-groceries_23-2148493574.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jean B.",
|
||||
role: "Local Business",
|
||||
testimonial: "The wholesale process is so efficient now with the new system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429859.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amira S.",
|
||||
role: "Import Shopper",
|
||||
testimonial: "Finally, all the imported goods I miss in one clean, modern store.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-shopping-bags-outside_23-2148728595.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah K.", role: "Loyal Customer", testimonial: "You can truly find everything here. The bakery is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-supermarket_23-2148150040.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Wholesale Client", testimonial: "Best prices in Bouaké. Reliable and fresh.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-using-laptop-street-with-night-city_1153-3536.jpg" },
|
||||
{ id: "t3", name: "Elena P.", role: "Daily Shopper", testimonial: "A luxurious and pleasant shopping experience every time.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-organic-groceries_23-2148493574.jpg" },
|
||||
{ id: "t4", name: "Jean B.", role: "Local Business", testimonial: "The wholesale process is so efficient now with the new system.", imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429859.jpg" },
|
||||
{ id: "t5", name: "Amira S.", role: "Import Shopper", testimonial: "Finally, all the imported goods I miss in one clean, modern store.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-shopping-bags-outside_23-2148728595.jpg" },
|
||||
]}
|
||||
title="Trusted by our community"
|
||||
description="What our customers are saying about the elevated SOCOCE experience."
|
||||
@@ -301,19 +157,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Skip the crowd. Shop SOCOCE online."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download App",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Download App", href: "#" },
|
||||
{ text: "Start Shopping", href: "#products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -323,42 +171,21 @@ export default function LandingPage() {
|
||||
logoText="SOCOCE"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Groceries",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bakery",
|
||||
href: "#",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "Groceries", href: "#" },
|
||||
{ label: "Bakery", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQs", href: "#" },
|
||||
{ label: "Contact Us", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -367,4 +194,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user