Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7e7c08abe1 | |||
| 5236d24f75 | |||
| 899e9a4f7d |
198
src/app/page.tsx
198
src/app/page.tsx
@@ -32,80 +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>
|
||||
@@ -113,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>
|
||||
|
||||
@@ -129,16 +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>
|
||||
|
||||
@@ -148,38 +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>
|
||||
@@ -188,20 +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>
|
||||
|
||||
@@ -209,16 +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>
|
||||
@@ -226,44 +125,17 @@ 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>
|
||||
|
||||
Reference in New Issue
Block a user