Merge version_1 into main #1
243
src/app/page.tsx
243
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="B Mart"
|
||||
/>
|
||||
@@ -57,32 +49,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Welcome to B Mart - Your Marketplace"
|
||||
description="Experience seamless shopping with the widest selection of products at unbeatable prices. Fast, secure, and reliable."
|
||||
tag="Trusted Marketplace"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-pandemic-lifestyle-concept-man-face-mask-showing-shopping-bag-hand-sanitizer_1258-155401.jpg",
|
||||
imageAlt: "Product Display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-pandemic-lifestyle-concept-man-face-mask-showing-shopping-bag-hand-sanitizer_1258-155401.jpg", imageAlt: "Product Display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-european-delivery-man-with-bag-casual-hold-phone-pink_343596-3500.jpg",
|
||||
imageAlt: "Online Shopping",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-man-shopping-black-friday-holding-paper-bags-credit-card-standing-against-yellow-back_1258-155533.jpg",
|
||||
imageAlt: "Excited man shopping on black friday holding paper bags and credit card standing against yellow back",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-redhead-man-buying-gifts-holding-shopping-bags-smiling-standing-pink-background_1258-155223.jpg",
|
||||
imageAlt: "Cheerful redhead man buying gifts holding shopping bags and smiling standing over pink background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-man-winking-smiling-extending-hands-with-colorful-shopping-bags-standing-bl_1258-158982.jpg",
|
||||
imageAlt: "Cheerful handsome man winking and smiling extending hands with colorful shopping bags standing on bl",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-european-delivery-man-with-bag-casual-hold-phone-pink_343596-3500.jpg", imageAlt: "Online Shopping"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,26 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Get your orders at your doorstep in record time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-pin-pointer-mark-location-cardboard-boxes-with-bubble-chat-message-delivery-transportation-logistics-concept-white-background-3d-rendering-illustration_56104-1907.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662971.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Fast Delivery", description: "Get your orders at your doorstep in record time.", imageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-pin-pointer-mark-location-cardboard-boxes-with-bubble-chat-message-delivery-transportation-logistics-concept-white-background-3d-rendering-illustration_56104-1907.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662971.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Verified Products",
|
||||
description: "Only authentic goods from trusted merchants.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shield-with-checkmark-set_78370-9323.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/protection-accessible-permission-verification-security-concept_53876-144425.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Verified Products", description: "Only authentic goods from trusted merchants.", imageSrc: "http://img.b2bpic.net/free-vector/shield-with-checkmark-set_78370-9323.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/protection-accessible-permission-verification-security-concept_53876-144425.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Our experts are here to help whenever you need.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-standing-with-mobile-phone-night-street-outdoors-female-caucasian-student-reading-text-messages-her-cell-phone-with-reflected-her-face-screen-light-blank-screen-phone_1391-79.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/ai-using-glass-phone-futuristic-digital-device_53876-129772.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "24/7 Support", description: "Our experts are here to help whenever you need.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-standing-with-mobile-phone-night-street-outdoors-female-caucasian-student-reading-text-messages-her-cell-phone-with-reflected-her-face-screen-light-blank-screen-phone_1391-79.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/ai-using-glass-phone-futuristic-digital-device_53876-129772.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Why Choose B Mart?"
|
||||
description="We ensure the best shopping experience through fast shipping, verified products, and 24/7 support."
|
||||
@@ -132,41 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wireless Headset",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg",
|
||||
},
|
||||
id: "p1", name: "Wireless Headset", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smart Watch Pro",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mockup-smartwatch-held-by-person_23-2148226949.jpg",
|
||||
},
|
||||
id: "p2", name: "Smart Watch Pro", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mockup-smartwatch-held-by-person_23-2148226949.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ultrabook 15\"",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screens-desk-empty-software-it-agency-office-computers-background-running-programming-code-data-algorithms-neural-network-servers-cloud-computing-data-room_482257-33530.jpg",
|
||||
},
|
||||
id: "p3", name: "Ultrabook 15\"", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/computer-screens-desk-empty-software-it-agency-office-computers-background-running-programming-code-data-algorithms-neural-network-servers-cloud-computing-data-room_482257-33530.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "DSLR Camera",
|
||||
price: "$1299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630668.jpg",
|
||||
},
|
||||
id: "p4", name: "DSLR Camera", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630668.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Soundbar System",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-spray-can-nozzle_23-2147839376.jpg",
|
||||
},
|
||||
id: "p5", name: "Soundbar System", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-spray-can-nozzle_23-2147839376.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tablet 10-inch",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cassette-tape-cd-earphone-vinyl-record-microphone-speaker-paper-piano-keys-around-digital-tablet-pink-background_23-2147927001.jpg",
|
||||
},
|
||||
id: "p6", name: "Tablet 10-inch", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/cassette-tape-cd-earphone-vinyl-record-microphone-speaker-paper-piano-keys-around-digital-tablet-pink-background_23-2147927001.jpg"},
|
||||
]}
|
||||
title="Our Featured Products"
|
||||
description="Explore the latest tech, gadgets, and lifestyle products curated just for you."
|
||||
@@ -180,22 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Active Users",
|
||||
value: "500k+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Active Users", value: "500k+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Products Listed",
|
||||
value: "1M+",
|
||||
icon: ShoppingBag,
|
||||
id: "m2", title: "Products Listed", value: "1M+", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Daily Deliveries",
|
||||
value: "20k+",
|
||||
icon: Truck,
|
||||
id: "m3", title: "Daily Deliveries", value: "20k+", icon: Truck,
|
||||
},
|
||||
]}
|
||||
title="B Mart in Numbers"
|
||||
@@ -210,35 +137,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$0",
|
||||
subtitle: "Free access to standard products",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$0", subtitle: "Free access to standard products", buttons: [
|
||||
{
|
||||
text: "Start Shopping",
|
||||
},
|
||||
text: "Start Shopping"},
|
||||
],
|
||||
features: [
|
||||
"Standard Shipping",
|
||||
"Standard Support",
|
||||
],
|
||||
"Standard Shipping", "Standard Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Plus Member",
|
||||
price: "$99",
|
||||
subtitle: "Get free shipping and early deals",
|
||||
buttons: [
|
||||
id: "pro", badge: "Plus Member", price: "$99", subtitle: "Get free shipping and early deals", buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
},
|
||||
text: "Upgrade Now"},
|
||||
],
|
||||
features: [
|
||||
"Free Express Shipping",
|
||||
"Exclusive Deals",
|
||||
"Priority Support",
|
||||
],
|
||||
"Free Express Shipping", "Exclusive Deals", "Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -254,45 +166,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336840.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336840.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-woman-with-curly-hair-studio-with-curtains-portrait-lilac-tones-pastel-tones-clothes-spring-mood_633478-2214.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-woman-with-curly-hair-studio-with-curtains-portrait-lilac-tones-pastel-tones-clothes-spring-mood_633478-2214.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Fisher",
|
||||
role: "Creative Lead",
|
||||
company: "DesignStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-assured-brunette-businesswoman-posing-studio_176420-29829.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Fisher", role: "Creative Lead", company: "DesignStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-assured-brunette-businesswoman-posing-studio_176420-29829.jpg"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Read authentic reviews from shoppers who love the B Mart experience."
|
||||
@@ -304,14 +191,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Apple",
|
||||
"Samsung",
|
||||
"Nike",
|
||||
"Sony",
|
||||
]}
|
||||
"Microsoft", "Google", "Amazon", "Apple", "Samsung", "Nike", "Sony"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with the top global brands."
|
||||
/>
|
||||
@@ -322,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I return a product?",
|
||||
content: "You can return products via our portal within 7 days of delivery.",
|
||||
},
|
||||
id: "f1", title: "How do I return a product?", content: "You can return products via our portal within 7 days of delivery."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my payment secure?",
|
||||
content: "Absolutely, we use state-of-the-art encryption for all transactions.",
|
||||
},
|
||||
id: "f2", title: "Is my payment secure?", content: "Absolutely, we use state-of-the-art encryption for all transactions."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I track my order?",
|
||||
content: "Yes, once shipped, you will receive a tracking link via email.",
|
||||
},
|
||||
id: "f3", title: "Can I track my order?", content: "Yes, once shipped, you will receive a tracking link via email."},
|
||||
]}
|
||||
sideTitle="Got Questions?"
|
||||
sideDescription="Find answers to our most common shopping inquiries."
|
||||
@@ -350,22 +221,14 @@ export default function LandingPage() {
|
||||
description="Have inquiries? Reach out to our dedicated support team anytime."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your issue...",
|
||||
}}
|
||||
name: "message", placeholder: "Describe your issue..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-workplace-with-computer-pc_53876-47087.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
@@ -377,29 +240,19 @@ export default function LandingPage() {
|
||||
logoText="B Mart"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Help Center", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user