Update src/app/page.tsx
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -33,46 +33,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Mukti Mobile"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Mukti Mobile Solutions"
|
||||
description="Your trusted partner for wholesale mobile accessories. Bulk orders with premium quality and reliable delivery."
|
||||
description="Maximize your store profits with high-margin mobile accessories. Partner with us today for priority B2B supply, exclusive bulk pricing, and lightning-fast logistics to keep your shelves stocked."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Catalog", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-storage-device-watch_23-2149319327.jpg"
|
||||
imageAlt="mobile wholesale accessories shelf"
|
||||
@@ -86,40 +71,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Fast",
|
||||
title: "Rapid Shipping",
|
||||
subtitle: "Same day dispatch",
|
||||
description: "We ensure your inventory is always replenished with fast shipping nationwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-strained-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-standing-with-cardboard-boxes-while-holding-clipboard-other-hand-looking-it-isolated-blue_141793-20237.jpg",
|
||||
},
|
||||
tag: "Fast", title: "Rapid Shipping", subtitle: "Same day dispatch", description: "We ensure your inventory is always replenished with fast shipping nationwide.", imageSrc: "http://img.b2bpic.net/free-photo/young-strained-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-standing-with-cardboard-boxes-while-holding-clipboard-other-hand-looking-it-isolated-blue_141793-20237.jpg"},
|
||||
{
|
||||
tag: "QC",
|
||||
title: "Rigorous Quality",
|
||||
subtitle: "Tested standards",
|
||||
description: "Every accessory undergoes multiple checks before it reaches your shelves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-worker-using-automated-machine-woodworking-production-facility_637285-12043.jpg",
|
||||
},
|
||||
tag: "QC", title: "Rigorous Quality", subtitle: "Tested standards", description: "Every accessory undergoes multiple checks before it reaches your shelves.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-worker-using-automated-machine-woodworking-production-facility_637285-12043.jpg"},
|
||||
{
|
||||
tag: "Wide",
|
||||
title: "Massive Inventory",
|
||||
subtitle: "Trendy stock",
|
||||
description: "From cases to chargers, our catalog is updated weekly with the latest trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-smartphone_23-2150170631.jpg",
|
||||
},
|
||||
tag: "Wide", title: "Massive Inventory", subtitle: "Trendy stock", description: "From cases to chargers, our catalog is updated weekly with the latest trends.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-smartphone_23-2150170631.jpg"},
|
||||
{
|
||||
tag: "Tech",
|
||||
title: "Advanced Tech",
|
||||
subtitle: "Latest gadgets",
|
||||
description: "We source the latest mobile tech to keep your customers satisfied.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tan-cardboard-box_549566-56.jpg",
|
||||
},
|
||||
tag: "Tech", title: "Advanced Tech", subtitle: "Latest gadgets", description: "We source the latest mobile tech to keep your customers satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tan-cardboard-box_549566-56.jpg"},
|
||||
{
|
||||
tag: "Global",
|
||||
title: "Global Supply",
|
||||
subtitle: "Secure sourcing",
|
||||
description: "Access global manufacturing partners for competitive wholesale rates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-courier-talking-phone-while-checking-packages-office_637285-6321.jpg",
|
||||
},
|
||||
tag: "Global", title: "Global Supply", subtitle: "Secure sourcing", description: "Access global manufacturing partners for competitive wholesale rates.", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-courier-talking-phone-while-checking-packages-office_637285-6321.jpg"},
|
||||
]}
|
||||
title="Why Wholesale With Us?"
|
||||
description="Reliable supply, unbeatable variety, and fast logistics for your shop."
|
||||
@@ -134,59 +94,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Mukti",
|
||||
name: "Clear Premium Case",
|
||||
price: "$1.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-minimalism-with-green-smartphone_52683-136387.jpg",
|
||||
},
|
||||
id: "p1", brand: "Mukti", name: "Clear Premium Case", price: "$1.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/natural-minimalism-with-green-smartphone_52683-136387.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Mukti",
|
||||
name: "Fast Charge Cable",
|
||||
price: "$0.90",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-headset-white-headphones_23-2148912738.jpg",
|
||||
},
|
||||
id: "p2", brand: "Mukti", name: "Fast Charge Cable", price: "$0.90", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-headset-white-headphones_23-2148912738.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Mukti",
|
||||
name: "Tempered Glass",
|
||||
price: "$0.60",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4977.jpg",
|
||||
},
|
||||
id: "p3", brand: "Mukti", name: "Tempered Glass", price: "$0.60", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4977.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Mukti",
|
||||
name: "Wireless Pad",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "54",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-electronic-device-product-shot_187299-47047.jpg",
|
||||
},
|
||||
id: "p4", brand: "Mukti", name: "Wireless Pad", price: "$4.50", rating: 5,
|
||||
reviewCount: "54", imageSrc: "http://img.b2bpic.net/free-photo/gray-electronic-device-product-shot_187299-47047.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Mukti",
|
||||
name: "BT Wireless Buds",
|
||||
price: "$8.00",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-blonde-man-listening-music-close-up_23-2148381782.jpg",
|
||||
},
|
||||
id: "p5", brand: "Mukti", name: "BT Wireless Buds", price: "$8.00", rating: 4,
|
||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-blonde-man-listening-music-close-up_23-2148381782.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Mukti",
|
||||
name: "Car Phone Mount",
|
||||
price: "$2.50",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-female-s-hands-driving-car_181624-45865.jpg",
|
||||
},
|
||||
id: "p6", brand: "Mukti", name: "Car Phone Mount", price: "$2.50", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-female-s-hands-driving-car_181624-45865.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Top-tier mobile accessories at wholesale pricing."
|
||||
@@ -200,35 +124,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Active Retailers",
|
||||
value: "2,500+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Active Retailers", value: "2,500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Package,
|
||||
title: "Products Shipped",
|
||||
value: "1M+",
|
||||
},
|
||||
id: "m2", icon: Package,
|
||||
title: "Products Shipped", value: "1M+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Happy Partners",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m3", icon: Star,
|
||||
title: "Happy Partners", value: "99%"},
|
||||
{
|
||||
id: "m4",
|
||||
icon: MapPin,
|
||||
title: "Cities Served",
|
||||
value: "450+",
|
||||
},
|
||||
id: "m4", icon: MapPin,
|
||||
title: "Cities Served", value: "450+"},
|
||||
{
|
||||
id: "m5",
|
||||
icon: Clock,
|
||||
title: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
id: "m5", icon: Clock,
|
||||
title: "Years Experience", value: "10+"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Numbers that reflect our commitment to excellence."
|
||||
@@ -243,25 +152,15 @@ export default function LandingPage() {
|
||||
author="Rahul Singh - City Mobile Retailer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
alt: "business portrait professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "business portrait professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-warehouse_329181-12824.jpg",
|
||||
alt: "retail owner wholesale tech",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-warehouse_329181-12824.jpg", alt: "retail owner wholesale tech"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-latin-man-holding-notebook_23-2151139467.jpg",
|
||||
alt: "entrepreneur mobile accessories",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-latin-man-holding-notebook_23-2151139467.jpg", alt: "entrepreneur mobile accessories"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coworkers-posing-medium-shot_23-2148336934.jpg",
|
||||
alt: "happy client portrait tech",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coworkers-posing-medium-shot_23-2148336934.jpg", alt: "happy client portrait tech"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-industry-expert-examines-production-data-solar-tech-facility_482257-126107.jpg",
|
||||
alt: "business manager wholesale",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-industry-expert-examines-production-data-solar-tech-facility_482257-126107.jpg", alt: "business manager wholesale"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -273,14 +172,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"FedEx",
|
||||
"DHL",
|
||||
"BlueDart",
|
||||
"Delhivery",
|
||||
"DTDC",
|
||||
"UPS",
|
||||
"IndiaPost",
|
||||
]}
|
||||
"FedEx", "DHL", "BlueDart", "Delhivery", "DTDC", "UPS", "IndiaPost"]}
|
||||
title="Our Shipping Partners"
|
||||
description="We ensure timely delivery across the region."
|
||||
/>
|
||||
@@ -292,30 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Minimum order quantity?",
|
||||
content: "Our MOQ varies per product but generally starts from $100 total invoice value.",
|
||||
},
|
||||
id: "q1", title: "Minimum order quantity?", content: "Our MOQ varies per product but generally starts from $100 total invoice value."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, all accessories come with a 30-day replacement warranty for manufacturing defects.",
|
||||
},
|
||||
id: "q2", title: "Do you offer warranties?", content: "Yes, all accessories come with a 30-day replacement warranty for manufacturing defects."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship nationwide?",
|
||||
content: "Yes, we have a robust logistics network covering all major cities and towns.",
|
||||
},
|
||||
id: "q3", title: "Do you ship nationwide?", content: "Yes, we have a robust logistics network covering all major cities and towns."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How to get a catalog?",
|
||||
content: "Sign up with your business email via our contact form to receive the PDF inventory.",
|
||||
},
|
||||
id: "q4", title: "How to get a catalog?", content: "Sign up with your business email via our contact form to receive the PDF inventory."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Bulk discounts available?",
|
||||
content: "Yes, we offer tiered pricing based on the total volume of your order.",
|
||||
},
|
||||
id: "q5", title: "Bulk discounts available?", content: "Yes, we offer tiered pricing based on the total volume of your order."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-place-wooden-desktop-with-coffee_93675-130356.jpg"
|
||||
title="Common Wholesale Questions"
|
||||
@@ -329,8 +206,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Wholesale Inquiries"
|
||||
title="Get Our Latest Catalog"
|
||||
description="Enter your email to receive our updated price list and inventory catalog."
|
||||
@@ -345,29 +221,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -378,4 +244,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user