Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Marketplace"
|
||||
/>
|
||||
@@ -58,69 +50,34 @@ export default function LandingPage() {
|
||||
description="Discover millions of products at the best prices delivered to your doorstep."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Wang",
|
||||
handle: "@alicew",
|
||||
testimonial: "The best shopping experience I've had online!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-shopping-bags-laptop-table_23-2148577078.jpg?_wi=1",
|
||||
imageAlt: "e-commerce hero banner orange theme",
|
||||
},
|
||||
name: "Alice Wang", handle: "@alicew", testimonial: "The best shopping experience I've had online!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-shopping-bags-laptop-table_23-2148577078.jpg", imageAlt: "e-commerce hero banner orange theme"},
|
||||
{
|
||||
name: "Bob Chen",
|
||||
handle: "@bobc",
|
||||
testimonial: "Extremely fast shipping and great customer support.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-warehouse-logistics_23-2149128296.jpg?_wi=1",
|
||||
imageAlt: "e-commerce hero banner orange theme",
|
||||
},
|
||||
name: "Bob Chen", handle: "@bobc", testimonial: "Extremely fast shipping and great customer support.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-warehouse-logistics_23-2149128296.jpg", imageAlt: "e-commerce hero banner orange theme"},
|
||||
{
|
||||
name: "Charlie R.",
|
||||
handle: "@charlier",
|
||||
testimonial: "Wide variety of quality products at affordable prices.",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csdnb9&_wi=1",
|
||||
imageAlt: "e-commerce hero banner orange theme",
|
||||
},
|
||||
name: "Charlie R.", handle: "@charlier", testimonial: "Wide variety of quality products at affordable prices.", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csdnb9", imageAlt: "e-commerce hero banner orange theme"},
|
||||
{
|
||||
name: "Diana Prince",
|
||||
handle: "@dianap",
|
||||
testimonial: "Incredible selection of tech gadgets.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=1",
|
||||
imageAlt: "e-commerce hero banner orange theme",
|
||||
},
|
||||
name: "Diana Prince", handle: "@dianap", testimonial: "Incredible selection of tech gadgets.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg", imageAlt: "e-commerce hero banner orange theme"},
|
||||
{
|
||||
name: "Edward Norton",
|
||||
handle: "@ednorton",
|
||||
testimonial: "Reliable, fast, and secure. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg?_wi=1",
|
||||
imageAlt: "e-commerce hero banner orange theme",
|
||||
},
|
||||
name: "Edward Norton", handle: "@ednorton", testimonial: "Reliable, fast, and secure. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg", imageAlt: "e-commerce hero banner orange theme"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-shopping-bags-laptop-table_23-2148577078.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-shopping-bags-laptop-table_23-2148577078.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-being-excited-by-special-offers-internet_23-2148404324.jpg",
|
||||
alt: "Customer avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-being-excited-by-special-offers-internet_23-2148404324.jpg", alt: "Customer avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-girl-phone_23-2148023383.jpg",
|
||||
alt: "Customer avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-girl-phone_23-2148023383.jpg", alt: "Customer avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-checking-her-mobile_23-2148385712.jpg",
|
||||
alt: "Customer avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-checking-her-mobile_23-2148385712.jpg", alt: "Customer avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-presenting-tablet_23-2147646612.jpg",
|
||||
alt: "Customer avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-presenting-tablet_23-2147646612.jpg", alt: "Customer avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-showing-something-digital-tablet-against-orange-background_23-2148119664.jpg",
|
||||
alt: "Customer avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-showing-something-digital-tablet-against-orange-background_23-2148119664.jpg", alt: "Customer avatar 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,8 +89,9 @@ export default function LandingPage() {
|
||||
title="Empowering Your Shopping"
|
||||
description="We bridge the gap between global brands and your home."
|
||||
subdescription="With a decade of logistics expertise, we ensure your purchases are safe."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-taking-care-warehouse-logistics_23-2149128296.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-taking-care-warehouse-logistics_23-2149128296.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,20 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Same day and next day delivery on thousands of items.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csdnb9&_wi=2",
|
||||
},
|
||||
title: "Fast Delivery", description: "Same day and next day delivery on thousands of items.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csdnb9"},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "100% secure payment gateways with multiple options.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wtez4m",
|
||||
},
|
||||
title: "Secure Payments", description: "100% secure payment gateways with multiple options.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wtez4m"},
|
||||
{
|
||||
title: "Authentic Products",
|
||||
description: "Verified sellers with authentic branding guaranteed.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=flz3wp",
|
||||
},
|
||||
title: "Authentic Products", description: "Verified sellers with authentic branding guaranteed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=flz3wp"},
|
||||
]}
|
||||
title="Our Core Values"
|
||||
description="Why customers love shopping with us every single day."
|
||||
@@ -172,41 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Smartphone Pro",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Smartphone Pro", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wireless Audio",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Wireless Audio", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Smart Watch S",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722618.jpg",
|
||||
},
|
||||
id: "3", name: "Smart Watch S", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722618.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ergo Mouse",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-balls-thread-close-up-dark-blue-tones-blurred-background-living-room-copy-space_169016-15491.jpg",
|
||||
},
|
||||
id: "4", name: "Ergo Mouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-balls-thread-close-up-dark-blue-tones-blurred-background-living-room-copy-space_169016-15491.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bluetooth Speaker",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-horizontal-bluetooth-speaker-with-simple-minimal-modern-design_23-2150807998.jpg",
|
||||
},
|
||||
id: "5", name: "Bluetooth Speaker", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/view-horizontal-bluetooth-speaker-with-simple-minimal-modern-design_23-2150807998.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Laptop Case",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-work-space-with-notebook-copy-space_23-2148411884.jpg",
|
||||
},
|
||||
id: "6", name: "Laptop Case", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/top-view-work-space-with-notebook-copy-space_23-2148411884.jpg"},
|
||||
]}
|
||||
title="Top Picks For You"
|
||||
description="Handpicked favorites curated just for your lifestyle."
|
||||
@@ -220,35 +145,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$9.99",
|
||||
name: "Monthly Saver",
|
||||
buttons: [
|
||||
id: "basic", price: "$9.99", name: "Monthly Saver", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Free shipping on 5 orders",
|
||||
"Priority support",
|
||||
],
|
||||
"Free shipping on 5 orders", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$49.99",
|
||||
name: "Yearly Prime",
|
||||
buttons: [
|
||||
id: "pro", price: "$49.99", name: "Yearly Prime", buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited free shipping",
|
||||
"Exclusive sales access",
|
||||
"Priority delivery",
|
||||
],
|
||||
"Unlimited free shipping", "Exclusive sales access", "Priority delivery"],
|
||||
},
|
||||
]}
|
||||
title="Premium Memberships"
|
||||
@@ -262,55 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane D",
|
||||
date: "Oct 2023",
|
||||
title: "Great find",
|
||||
quote: "Fantastic prices and reliable quality.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-being-excited-by-special-offers-internet_23-2148404325.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-giving-his-positive-feedback-shows-okay-ok-gesture-sitting-with-laptop-cafe-visitor-approves-good-coworking-space-holding-mobile-phone_1258-314520.jpg",
|
||||
},
|
||||
id: "1", name: "Jane D", date: "Oct 2023", title: "Great find", quote: "Fantastic prices and reliable quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-being-excited-by-special-offers-internet_23-2148404325.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-giving-his-positive-feedback-shows-okay-ok-gesture-sitting-with-laptop-cafe-visitor-approves-good-coworking-space-holding-mobile-phone_1258-314520.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark S",
|
||||
date: "Sep 2023",
|
||||
title: "Speedy",
|
||||
quote: "Delivery arrived earlier than expected.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/brown-haired-woman-wearing-black-wear-holds-colourful-patterned-shopping-bags-successful-shopping-spree-walking-outside-she-is-enjoying-warmth-day_1328-4503.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255971.jpg",
|
||||
},
|
||||
id: "2", name: "Mark S", date: "Sep 2023", title: "Speedy", quote: "Delivery arrived earlier than expected.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/brown-haired-woman-wearing-black-wear-holds-colourful-patterned-shopping-bags-successful-shopping-spree-walking-outside-she-is-enjoying-warmth-day_1328-4503.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255971.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah K",
|
||||
date: "Aug 2023",
|
||||
title: "Satisfied",
|
||||
quote: "My go-to store for all home needs.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/satisfied-bearded-man-showing-digital-tablet-screen-smiling_176420-18677.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-taking-break-from-repairing-computers_23-2150881014.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah K", date: "Aug 2023", title: "Satisfied", quote: "My go-to store for all home needs.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/satisfied-bearded-man-showing-digital-tablet-screen-smiling_176420-18677.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-taking-break-from-repairing-computers_23-2150881014.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leo P",
|
||||
date: "Jul 2023",
|
||||
title: "Convenient",
|
||||
quote: "The mobile app is flawless and super easy.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-shopping-bags_329181-18722.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-paper-bags-standing-street_23-2147823587.jpg",
|
||||
},
|
||||
id: "4", name: "Leo P", date: "Jul 2023", title: "Convenient", quote: "The mobile app is flawless and super easy.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-shopping-bags_329181-18722.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-paper-bags-standing-street_23-2147823587.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nora L",
|
||||
date: "Jun 2023",
|
||||
title: "Perfect",
|
||||
quote: "Love the premium member benefits daily.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-shopping_23-2147652127.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
|
||||
},
|
||||
id: "5", name: "Nora L", date: "Jun 2023", title: "Perfect", quote: "Love the premium member benefits daily.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-shopping_23-2147652127.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg"},
|
||||
]}
|
||||
title="Trusted by Millions"
|
||||
description="See why customers keep coming back for more."
|
||||
@@ -322,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer returns?",
|
||||
content: "Yes, we have a 30-day hassle-free return policy.",
|
||||
},
|
||||
id: "q1", title: "Do you offer returns?", content: "Yes, we have a 30-day hassle-free return policy."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is shipping free?",
|
||||
content: "Free shipping starts on orders above $50.",
|
||||
},
|
||||
id: "q2", title: "Is shipping free?", content: "Free shipping starts on orders above $50."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How to track?",
|
||||
content: "Track your order directly in our mobile app.",
|
||||
},
|
||||
id: "q3", title: "How to track?", content: "Track your order directly in our mobile app."},
|
||||
]}
|
||||
sideTitle="Have questions?"
|
||||
sideDescription="Find answers here about shipping, returns, and payments."
|
||||
@@ -347,14 +208,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to experience the best shopping platform? Join us today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -363,29 +221,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Membership", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user