Merge version_1 into main #3
139
src/app/page.tsx
139
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Marketplace"
|
||||
/>
|
||||
@@ -49,35 +45,20 @@ export default function LandingPage() {
|
||||
title="Your Trusted Marketplace"
|
||||
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", 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", 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", 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", 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", 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"
|
||||
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/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/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/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/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/smiling-portrait-young-man-showing-something-digital-tablet-against-orange-background_23-2148119664.jpg", alt: "Customer avatar 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,7 +72,6 @@ export default function LandingPage() {
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -101,12 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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"},
|
||||
{
|
||||
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: "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: "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."
|
||||
@@ -120,18 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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"},
|
||||
{
|
||||
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: "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: "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: "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" },
|
||||
{ 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: "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" },
|
||||
]}
|
||||
title="Top Picks For You"
|
||||
description="Handpicked favorites curated just for your lifestyle."
|
||||
@@ -145,20 +116,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", price: "$9.99", name: "Monthly Saver", buttons: [
|
||||
{
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Free shipping on 5 orders", "Priority support"],
|
||||
id: "basic", price: "$9.99", name: "Monthly Saver", buttons: [{ text: "Join Now", href: "#" }],
|
||||
features: ["Free shipping on 5 orders", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "pro", price: "$49.99", name: "Yearly Prime", buttons: [
|
||||
{
|
||||
text: "Upgrade", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited free shipping", "Exclusive sales access", "Priority delivery"],
|
||||
id: "pro", price: "$49.99", name: "Yearly Prime", buttons: [{ text: "Upgrade", href: "#" }],
|
||||
features: ["Unlimited free shipping", "Exclusive sales access", "Priority delivery"],
|
||||
},
|
||||
]}
|
||||
title="Premium Memberships"
|
||||
@@ -171,16 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -191,12 +149,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "q3", title: "How to track?", content: "Track your order directly in our mobile app."},
|
||||
{ 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: "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."
|
||||
@@ -207,13 +162,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to experience the best shopping platform? Join us today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -221,19 +172,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Membership", href: "#pricing"},
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "#products" },
|
||||
{ label: "Membership", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user