Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7e7c08abe1 | |||
| 5236d24f75 | |||
| 899e9a4f7d | |||
| 53270e1ac4 |
369
src/app/page.tsx
369
src/app/page.tsx
@@ -32,140 +32,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Sellers",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ShopAvie"
|
||||
brandName="Brand Name"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
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/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/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/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/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/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/person-organising-live-shop_23-2149947471.jpg",
|
||||
imageAlt: "luxury marketplace hero",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Brand Identity, Simplified"
|
||||
description="A professional, empty template ready for your content. Get started by adding your products and services."
|
||||
leftCarouselItems={[]}
|
||||
rightCarouselItems={[]}
|
||||
buttons={[
|
||||
{
|
||||
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/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/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",
|
||||
},
|
||||
]}
|
||||
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/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/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",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,14 +58,13 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Empowering Luxury Sellers"
|
||||
description="ShopAvie is built for creators and curators. We connect high-quality products with discerning buyers through a secure, luxury-focused marketplace."
|
||||
subdescription="Our platform provides dedicated dashboards for sellers to manage their inventory and direct access to their earnings through secure mobile money payments."
|
||||
tag="About"
|
||||
title="Professional Foundation"
|
||||
description="This platform serves as a blank canvas for your business, providing all the essential features you need to succeed."
|
||||
subdescription="Our infrastructure is fully prepared for your inventory, team members, and client base."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-startup-owner-holding-smartphone-checking-order-details-attractive-black-woman-working-computer-surrounded-by-cardboard-parcels-making-notes-business-e-commerce-concept_74855-23882.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="luxury shopping app on phone"
|
||||
imageSrc="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=800&auto=format&fit=crop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -189,31 +73,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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: "f3",
|
||||
title: "Seller Dashboards",
|
||||
subtitle: "Personalized Inventory Management",
|
||||
category: "Control",
|
||||
value: "Luxury",
|
||||
},
|
||||
]}
|
||||
title="Why Choose ShopAvie?"
|
||||
description="Experience secure, fast, and elegant shopping features."
|
||||
features={[]}
|
||||
title="Build Your Experience"
|
||||
description="Customize each section to showcase your unique offerings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -223,77 +85,18 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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."
|
||||
products={[]}
|
||||
title="Catalog"
|
||||
description="Your products will appear here once you add them to the system."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Marketplace Growth"
|
||||
title="Performance"
|
||||
tag="Our Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Happy Sellers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
description: "Products Sold",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50k+",
|
||||
description: "Active Users",
|
||||
},
|
||||
]}
|
||||
metrics={[]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -302,50 +105,9 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
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: "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: "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",
|
||||
},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Insights from our sellers and shoppers."
|
||||
testimonials={[]}
|
||||
title="Community"
|
||||
description="Showcase what your customers say about your business here."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -353,25 +115,9 @@ export default function LandingPage() {
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
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: "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.",
|
||||
},
|
||||
]}
|
||||
faqs={[]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about ShopAvie."
|
||||
description="Clear up common inquiries for your visitors."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -379,63 +125,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Start Shopping?"
|
||||
description="Join ShopAvie today for exclusive luxury deals."
|
||||
inputPlaceholder="Enter your email for updates"
|
||||
title="Ready to Work Together?"
|
||||
description="Contact us to get your project moving."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ShopAvie"
|
||||
columns={[
|
||||
{
|
||||
title: "Marketplace",
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Become a Seller",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Brand Name"
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user