Update src/app/page.tsx
This commit is contained in:
188
src/app/page.tsx
188
src/app/page.tsx
@@ -29,92 +29,57 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
name: "Products", id: "/products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "/features",
|
||||
},
|
||||
name: "Features", id: "/features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
name: "FAQ", id: "/faq"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/shopping-red-back-with-technology-accessories-inside_23-2148670035.jpg"
|
||||
logoAlt="Marketplace Logo"
|
||||
brandName="Marketplace"
|
||||
button={{
|
||||
text: "Login / Register",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Login / Register", href: "/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Your Gateway to Global E-commerce"
|
||||
description="Discover a world of products or launch your own store. A scalable, modern marketplace for buyers and sellers."
|
||||
tag="Marketplace"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Explore Products", href: "/products"},\
|
||||
{
|
||||
text: "Start Selling",
|
||||
href: "/seller-registration",
|
||||
},
|
||||
text: "Start Selling", href: "/seller-registration"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861908.jpg",
|
||||
imageAlt: "Diverse products on an e-commerce marketplace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861908.jpg", imageAlt: "Diverse products on an e-commerce marketplace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dvd-music-set_1150-6660.jpg",
|
||||
imageAlt: "Online shopping experience across devices",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dvd-music-set_1150-6660.jpg", imageAlt: "Online shopping experience across devices"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg",
|
||||
imageAlt: "Sellers managing their online stores on a dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg", imageAlt: "Sellers managing their online stores on a dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-holding-debit-card-using-laptop-computer_171337-4167.jpg",
|
||||
imageAlt: "Secure payment process with credit cards and digital wallets",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-holding-debit-card-using-laptop-computer_171337-4167.jpg", imageAlt: "Secure payment process with credit cards and digital wallets"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-handing-package_23-2151998644.jpg",
|
||||
imageAlt: "Fast and reliable delivery services for e-commerce",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-handing-package_23-2151998644.jpg", imageAlt: "Fast and reliable delivery services for e-commerce"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-team-friends-standing-circle_1262-21101.jpg",
|
||||
imageAlt: "Diverse people using the marketplace on their mobile phones",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-team-friends-standing-circle_1262-21101.jpg", imageAlt: "Diverse people using the marketplace on their mobile phones"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -128,59 +93,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smartwatch Pro X",
|
||||
price: "$299.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-smart-watch-close-up_23-2148628967.jpg",
|
||||
imageAlt: "Smartwatch Pro X",
|
||||
rating: 4.5,
|
||||
reviewCount: "120 reviews",
|
||||
},
|
||||
id: "p1", name: "Smartwatch Pro X", price: "$299.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-smart-watch-close-up_23-2148628967.jpg", imageAlt: "Smartwatch Pro X", rating: 4.5,
|
||||
reviewCount: "120 reviews"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Noise-Canceling Headphones",
|
||||
price: "$199.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-headphones_23-2147799102.jpg",
|
||||
imageAlt: "Noise-Canceling Headphones",
|
||||
rating: 4.8,
|
||||
reviewCount: "350 reviews",
|
||||
},
|
||||
id: "p2", name: "Noise-Canceling Headphones", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-headphones_23-2147799102.jpg", imageAlt: "Noise-Canceling Headphones", rating: 4.8,
|
||||
reviewCount: "350 reviews"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ergonomic Office Chair",
|
||||
price: "$450.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-woman-working-desk_23-2148372101.jpg",
|
||||
imageAlt: "Ergonomic Office Chair",
|
||||
rating: 4.2,
|
||||
reviewCount: "90 reviews",
|
||||
},
|
||||
id: "p3", name: "Ergonomic Office Chair", price: "$450.00", imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-woman-working-desk_23-2148372101.jpg", imageAlt: "Ergonomic Office Chair", rating: 4.2,
|
||||
reviewCount: "90 reviews"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Professional Mirrorless Camera",
|
||||
price: "$1200.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-lens-professional-lens-digital-camera_169016-52938.jpg",
|
||||
imageAlt: "Professional Mirrorless Camera",
|
||||
rating: 4.7,
|
||||
reviewCount: "210 reviews",
|
||||
},
|
||||
id: "p4", name: "Professional Mirrorless Camera", price: "$1200.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-lens-professional-lens-digital-camera_169016-52938.jpg", imageAlt: "Professional Mirrorless Camera", rating: 4.7,
|
||||
reviewCount: "210 reviews"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Smart Robot Vacuum",
|
||||
price: "$349.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-robotic-vacuum-cleaner-home_23-2150663403.jpg",
|
||||
imageAlt: "Smart Robot Vacuum",
|
||||
rating: 4.3,
|
||||
reviewCount: "180 reviews",
|
||||
},
|
||||
id: "p5", name: "Smart Robot Vacuum", price: "$349.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-robotic-vacuum-cleaner-home_23-2150663403.jpg", imageAlt: "Smart Robot Vacuum", rating: 4.3,
|
||||
reviewCount: "180 reviews"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Portable Bluetooth Speaker",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736808.jpg",
|
||||
imageAlt: "Portable Bluetooth Speaker",
|
||||
rating: 4.6,
|
||||
reviewCount: "280 reviews",
|
||||
},
|
||||
id: "p6", name: "Portable Bluetooth Speaker", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736808.jpg", imageAlt: "Portable Bluetooth Speaker", rating: 4.6,
|
||||
reviewCount: "280 reviews"},
|
||||
]}
|
||||
title="Featured Products"
|
||||
description="Handpicked items from our top sellers, just for you."
|
||||
@@ -193,23 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Razorpay integrated for smooth and secure transactions, protecting both buyers and sellers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sale-illustrated_23-2151878978.jpg",
|
||||
imageAlt: "Secure Payment Options",
|
||||
},
|
||||
title: "Secure Payments", description: "Razorpay integrated for smooth and secure transactions, protecting both buyers and sellers.", imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sale-illustrated_23-2151878978.jpg", imageAlt: "Secure Payment Options"},
|
||||
{
|
||||
title: "Vast Product Selection",
|
||||
description: "Browse millions of products across diverse categories from thousands of trusted sellers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-cart-e-commers-concept_53876-127436.jpg",
|
||||
imageAlt: "Diverse Product Categories",
|
||||
},
|
||||
title: "Vast Product Selection", description: "Browse millions of products across diverse categories from thousands of trusted sellers.", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-cart-e-commers-concept_53876-127436.jpg", imageAlt: "Diverse Product Categories"},
|
||||
{
|
||||
title: "Seller Empowerment",
|
||||
description: "Intuitive dashboard for product, order, and inventory management with powerful analytics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625696.jpg",
|
||||
imageAlt: "Seller Dashboard Analytics",
|
||||
},
|
||||
title: "Seller Empowerment", description: "Intuitive dashboard for product, order, and inventory management with powerful analytics.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625696.jpg", imageAlt: "Seller Dashboard Analytics"},
|
||||
]}
|
||||
title="A Marketplace Built for Everyone"
|
||||
description="Seamless experiences for buyers, powerful tools for sellers, and robust control for admins."
|
||||
@@ -221,14 +138,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Tech Innovate",
|
||||
"Global Logistics Solutions",
|
||||
"FinSecure Group",
|
||||
"Creative Brand Studios",
|
||||
"Academic Nexus",
|
||||
"HealthTech Dynamics",
|
||||
"GreenPower Co.",
|
||||
]}
|
||||
"Tech Innovate", "Global Logistics Solutions", "FinSecure Group", "Creative Brand Studios", "Academic Nexus", "HealthTech Dynamics", "GreenPower Co."]}
|
||||
title="Trusted by Thousands of Sellers and Partners"
|
||||
description="Our growing ecosystem includes businesses of all sizes, thriving on our platform."
|
||||
speed={60}
|
||||
@@ -239,30 +149,20 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="\"This marketplace has transformed our online business. The tools are incredibly powerful, and the reach to customers is unparalleled. Highly recommend for any serious seller!\""
|
||||
testimonial={"\"This marketplace has transformed our online business. The tools are incredibly powerful, and the reach to customers is unparalleled. Highly recommend for any serious seller!\""}
|
||||
rating={5}
|
||||
author="Sarah Chen, Founder of GadgetPro"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg",
|
||||
alt: "Sarah Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg", alt: "Sarah Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-mature-man_23-2148465219.jpg",
|
||||
alt: "Michael Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-mature-man_23-2148465219.jpg", alt: "Michael Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-beautiful-woman-portrait_23-2148281596.jpg",
|
||||
alt: "Emily Davis",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-beautiful-woman-portrait_23-2148281596.jpg", alt: "Emily Davis"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-66.jpg",
|
||||
alt: "David Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-66.jpg", alt: "David Lee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-flower_23-2149486773.jpg",
|
||||
alt: "Jessica Brown",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-flower_23-2149486773.jpg", alt: "Jessica Brown"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -275,13 +175,9 @@ export default function LandingPage() {
|
||||
logoAlt="Marketplace Logo"
|
||||
logoText="Marketplace"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user