Merge version_2 into main #1
287
src/app/page.tsx
287
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Sellers",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sellers", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ShopAvie"
|
||||
/>
|
||||
@@ -56,116 +48,64 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Luxury Marketplace, Redefined"
|
||||
description="Discover premium products from trusted sellers. Experience the elegance of curated shopping at ShopAvie."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supermarket-trolleys-filled-with-black-friday-promotional-products_23-2148663147.jpg",
|
||||
imageAlt: "luxury marketplace hero",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supermarket-trolleys-filled-with-black-friday-promotional-products_23-2148663147.jpg", imageAlt: "luxury marketplace hero"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-display-podium-with-marble-wall-leaves-shadow_53876-126943.jpg",
|
||||
imageAlt: "product display luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-display-podium-with-marble-wall-leaves-shadow_53876-126943.jpg", imageAlt: "product display luxury"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-shopping-bags-with-copy-space_23-2148316150.jpg",
|
||||
imageAlt: "luxury marketplace hero",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-shopping-bags-with-copy-space_23-2148316150.jpg", imageAlt: "luxury marketplace hero"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cylindrical-black-light-gold-podium-luxury-product-display-background-3d-rendering_56104-1368.jpg",
|
||||
imageAlt: "product display luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cylindrical-black-light-gold-podium-luxury-product-display-background-3d-rendering_56104-1368.jpg", imageAlt: "product display luxury"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sale-shopping-fashion-style-people-concept-elegant-young-man-choosing-footwear-mall_1157-48892.jpg",
|
||||
imageAlt: "luxury marketplace hero",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sale-shopping-fashion-style-people-concept-elegant-young-man-choosing-footwear-mall_1157-48892.jpg", imageAlt: "luxury marketplace hero"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-hygenie-care-products_23-2148287669.jpg",
|
||||
imageAlt: "product display luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-hygenie-care-products_23-2148287669.jpg", imageAlt: "product display luxury"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-empty-room-authentic-interior-design_53876-129852.jpg",
|
||||
imageAlt: "product display luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-empty-room-authentic-interior-design_53876-129852.jpg", imageAlt: "product display luxury"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-friday-concept-with-copy-space_23-2148674188.jpg",
|
||||
imageAlt: "luxury marketplace hero",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-friday-concept-with-copy-space_23-2148674188.jpg", imageAlt: "luxury marketplace hero"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-sweet-glazed-donut_23-2150757677.jpg",
|
||||
imageAlt: "product display luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-sweet-glazed-donut_23-2150757677.jpg", imageAlt: "product display luxury"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8829.jpg",
|
||||
imageAlt: "luxury marketplace hero",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8829.jpg", imageAlt: "luxury marketplace hero"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-blur-dark-grey-black-gradient-used-as-background-studio-wall-display-your-pr_1258-52586.jpg",
|
||||
imageAlt: "product display luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-blur-dark-grey-black-gradient-used-as-background-studio-wall-display-your-pr_1258-52586.jpg", imageAlt: "product display luxury"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-organising-live-shop_23-2149947471.jpg",
|
||||
imageAlt: "luxury marketplace hero",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-organising-live-shop_23-2149947471.jpg", imageAlt: "luxury marketplace hero"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Start Shopping", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
|
||||
alt: "Thrilled confident manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg", alt: "Thrilled confident manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
|
||||
alt: "Selfie-portrait of cute brunette girl",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg", alt: "Selfie-portrait of cute brunette girl"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg",
|
||||
alt: "Happy smiling woman showing okay",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg", alt: "Happy smiling woman showing okay"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concentrated-young-bearded-businessman-standing-indoors_171337-19232.jpg",
|
||||
alt: "Concentrated young businessman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/concentrated-young-bearded-businessman-standing-indoors_171337-19232.jpg", alt: "Concentrated young businessman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21038.jpg",
|
||||
alt: "Stylish businessman working",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21038.jpg", alt: "Stylish businessman working"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/image-spring-discount-sale-season-sale_185193-109576.jpg",
|
||||
alt: "Spring discount",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/image-spring-discount-sale-season-sale_185193-109576.jpg", alt: "Spring discount"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/black-friday-gifts-assortment-black-background_23-2148666997.jpg",
|
||||
alt: "Black friday gifts",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/black-friday-gifts-assortment-black-background_23-2148666997.jpg", alt: "Black friday gifts"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-cart-gift-boxes_23-2148663142.jpg",
|
||||
alt: "Shopping cart",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/shopping-cart-gift-boxes_23-2148663142.jpg", alt: "Shopping cart"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-blond-woman-with-bags-speaking-phone_23-2147962189.jpg",
|
||||
alt: "Laughing woman",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/laughing-blond-woman-with-bags-speaking-phone_23-2147962189.jpg", alt: "Laughing woman"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/red-gold-cylinder-podium-pedestal-product-display-chinese-new-year-valentines-day-luxury-abstract-background-3d-rendering_56104-1120.jpg",
|
||||
alt: "Red podium",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/red-gold-cylinder-podium-pedestal-product-display-chinese-new-year-valentines-day-luxury-abstract-background-3d-rendering_56104-1120.jpg", alt: "Red podium"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -191,26 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Secure Payments",
|
||||
subtitle: "MTN/Airtel Integration",
|
||||
category: "Payments",
|
||||
value: "Reliable",
|
||||
},
|
||||
id: "f1", title: "Secure Payments", subtitle: "MTN/Airtel Integration", category: "Payments", value: "Reliable"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Real-time Alerts",
|
||||
subtitle: "Instant Email Notifications",
|
||||
category: "System",
|
||||
value: "Efficiency",
|
||||
},
|
||||
id: "f2", title: "Real-time Alerts", subtitle: "Instant Email Notifications", category: "System", value: "Efficiency"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Seller Dashboards",
|
||||
subtitle: "Personalized Inventory Management",
|
||||
category: "Control",
|
||||
value: "Luxury",
|
||||
},
|
||||
id: "f3", title: "Seller Dashboards", subtitle: "Personalized Inventory Management", category: "Control", value: "Luxury"},
|
||||
]}
|
||||
title="Why Choose ShopAvie?"
|
||||
description="Experience secure, fast, and elegant shopping features."
|
||||
@@ -225,47 +150,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Scarf",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646447.jpg",
|
||||
imageAlt: "silk scarf luxury product",
|
||||
},
|
||||
id: "p1", name: "Silk Scarf", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646447.jpg", imageAlt: "silk scarf luxury product"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Designer Watch",
|
||||
price: "$890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-easter-eggs-by-easter-decorations_1303-30816.jpg",
|
||||
imageAlt: "luxury watch product photo",
|
||||
},
|
||||
id: "p2", name: "Designer Watch", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/golden-easter-eggs-by-easter-decorations_1303-30816.jpg", imageAlt: "luxury watch product photo"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Leather Handbag",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fedora-hats-arrangement-studio_23-2150737137.jpg",
|
||||
imageAlt: "leather handbag luxury",
|
||||
},
|
||||
id: "p3", name: "Leather Handbag", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/fedora-hats-arrangement-studio_23-2150737137.jpg", imageAlt: "leather handbag luxury"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Luxury Perfume",
|
||||
price: "$220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263174.jpg",
|
||||
imageAlt: "luxury perfume product",
|
||||
},
|
||||
id: "p4", name: "Luxury Perfume", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263174.jpg", imageAlt: "luxury perfume product"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Diamond Ring",
|
||||
price: "$2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-black-gold-luxury-podium-pedestal-product-display-background-3d-rendering_56104-1370.jpg",
|
||||
imageAlt: "luxury jewelry product",
|
||||
},
|
||||
id: "p5", name: "Diamond Ring", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/empty-black-gold-luxury-podium-pedestal-product-display-background-3d-rendering_56104-1370.jpg", imageAlt: "luxury jewelry product"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Designer Glasses",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-shopping-bags_1157-33432.jpg",
|
||||
imageAlt: "luxury eyewear product",
|
||||
},
|
||||
id: "p6", name: "Designer Glasses", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-shopping-bags_1157-33432.jpg", imageAlt: "luxury eyewear product"},
|
||||
]}
|
||||
title="Curated Luxury"
|
||||
description="Browse our latest premium collection."
|
||||
@@ -279,20 +174,11 @@ export default function LandingPage() {
|
||||
tag="Our Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Happy Sellers",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Happy Sellers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
description: "Products Sold",
|
||||
},
|
||||
id: "m2", value: "10k+", description: "Products Sold"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50k+",
|
||||
description: "Active Users",
|
||||
},
|
||||
id: "m3", value: "50k+", description: "Active Users"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -304,45 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Service",
|
||||
quote: "The luxury experience on ShopAvie is unmatched.",
|
||||
name: "Sarah J.",
|
||||
role: "Shopper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
},
|
||||
id: "t1", title: "Excellent Service", quote: "The luxury experience on ShopAvie is unmatched.", name: "Sarah J.", role: "Shopper", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Increased Sales",
|
||||
quote: "Managing my shop has never been this easier.",
|
||||
name: "Michael K.",
|
||||
role: "Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking-mobile-phone-while-having-snacks_107420-65909.jpg",
|
||||
},
|
||||
id: "t2", title: "Increased Sales", quote: "Managing my shop has never been this easier.", name: "Michael K.", role: "Seller", imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking-mobile-phone-while-having-snacks_107420-65909.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Elegant Platform",
|
||||
quote: "I love the clean interface and premium feel.",
|
||||
name: "Emily R.",
|
||||
role: "Shopper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-talking-phone_23-2149556835.jpg",
|
||||
},
|
||||
id: "t3", title: "Elegant Platform", quote: "I love the clean interface and premium feel.", name: "Emily R.", role: "Shopper", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-talking-phone_23-2149556835.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Secure and Fast",
|
||||
quote: "Instant notifications make business flow perfectly.",
|
||||
name: "David L.",
|
||||
role: "Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11657.jpg",
|
||||
},
|
||||
id: "t4", title: "Secure and Fast", quote: "Instant notifications make business flow perfectly.", name: "David L.", role: "Seller", imageSrc: "http://img.b2bpic.net/free-photo/customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11657.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Trusted Marketplace",
|
||||
quote: "Simply the best marketplace for quality items.",
|
||||
name: "Grace P.",
|
||||
role: "Shopper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-bags_23-2148750364.jpg",
|
||||
},
|
||||
id: "t5", title: "Trusted Marketplace", quote: "Simply the best marketplace for quality items.", name: "Grace P.", role: "Shopper", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-bags_23-2148750364.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Insights from our sellers and shoppers."
|
||||
@@ -355,20 +211,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I become a seller?",
|
||||
content: "Register, pay the small fee, and start posting your luxury products immediately.",
|
||||
},
|
||||
id: "q1", title: "How do I become a seller?", content: "Register, pay the small fee, and start posting your luxury products immediately."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is payment secure?",
|
||||
content: "Yes, we integrate with secure mobile money gateways to ensure safe transfers.",
|
||||
},
|
||||
id: "q2", title: "Is payment secure?", content: "Yes, we integrate with secure mobile money gateways to ensure safe transfers."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How are digital files handled?",
|
||||
content: "Upon successful payment, customers get instant secure download links for digital products.",
|
||||
},
|
||||
id: "q3", title: "How are digital files handled?", content: "Upon successful payment, customers get instant secure download links for digital products."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about ShopAvie."
|
||||
@@ -380,8 +227,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Start Shopping?"
|
||||
description="Join ShopAvie today for exclusive luxury deals."
|
||||
@@ -394,42 +240,27 @@ export default function LandingPage() {
|
||||
logoText="ShopAvie"
|
||||
columns={[
|
||||
{
|
||||
title: "Marketplace",
|
||||
items: [
|
||||
title: "Marketplace", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Become a Seller",
|
||||
href: "#",
|
||||
},
|
||||
label: "Become a Seller", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -438,4 +269,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user