Merge version_2 into main #1
239
src/app/page.tsx
239
src/app/page.tsx
@@ -33,94 +33,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BulkStore"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Purchase 1 to 1000 Units Efficiently"
|
||||
variant: "plain"}}
|
||||
title="Bulk Ordering Made Simple: 1 to 1000+ Units"
|
||||
description="Streamlined bulk ordering for your business needs. Choose your quantity and scale your supply with ease."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg"
|
||||
imageAlt="Bulk purchasing dashboard"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-walking-with-laptop_1098-1840.jpg",
|
||||
alt: "Woman walking with a laptop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-walking-with-laptop_1098-1840.jpg", alt: "Woman walking with a laptop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-stylish-jacket-is-posing-photographer-blue-red-lights_613910-6047.jpg",
|
||||
alt: "Bearded man in stylish jacket",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-stylish-jacket-is-posing-photographer-blue-red-lights_613910-6047.jpg", alt: "Bearded man in stylish jacket"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-laptop_1098-1842.jpg",
|
||||
alt: "Smiling woman holding a laptop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-laptop_1098-1842.jpg", alt: "Smiling woman holding a laptop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-interacting-with-futuristic-technology-smartphone_23-2151997017.jpg",
|
||||
alt: "Businessman interacting with technology",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-interacting-with-futuristic-technology-smartphone_23-2151997017.jpg", alt: "Businessman interacting with technology"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Smiling businessman standing at airport",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport"},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Ready",
|
||||
},
|
||||
type: "text", text: "Enterprise Ready"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bulk Discounts",
|
||||
},
|
||||
type: "text", text: "Bulk Discounts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Priority Shipping",
|
||||
},
|
||||
type: "text", text: "Priority Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Quality",
|
||||
},
|
||||
type: "text", text: "Verified Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,9 +96,7 @@ export default function LandingPage() {
|
||||
title="Reliable Supply Chain at Scale"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "High-Efficiency Module",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309698.jpg",
|
||||
},
|
||||
id: "p1", name: "High-Efficiency Module", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309698.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Interface",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263194.jpg",
|
||||
},
|
||||
id: "p2", name: "Premium Interface", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263194.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Advanced Sensor",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080516.jpg",
|
||||
},
|
||||
id: "p3", name: "Advanced Sensor", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080516.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Robust Connector",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg",
|
||||
},
|
||||
id: "p4", name: "Robust Connector", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Smart Controller",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-notebook-camera-table_23-2148036928.jpg",
|
||||
},
|
||||
id: "p5", name: "Smart Controller", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-notebook-camera-table_23-2148036928.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Standard Base Unit",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861962.jpg",
|
||||
},
|
||||
id: "p6", name: "Standard Base Unit", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861962.jpg"},
|
||||
]}
|
||||
title="Our Featured Products"
|
||||
description="Select from our range of professional-grade items."
|
||||
@@ -194,21 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual ordering overhead",
|
||||
"Long waiting times",
|
||||
"Unpredictable delivery dates",
|
||||
"Lack of bulk pricing",
|
||||
"Limited stock visibility",
|
||||
],
|
||||
"Manual ordering overhead", "Long waiting times", "Unpredictable delivery dates", "Lack of bulk pricing", "Limited stock visibility"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Automated volume pricing",
|
||||
"Predictable logistics",
|
||||
"Priority supply handling",
|
||||
"Real-time inventory tracking",
|
||||
"Dedicated account management",
|
||||
],
|
||||
"Automated volume pricing", "Predictable logistics", "Priority supply handling", "Real-time inventory tracking", "Dedicated account management"],
|
||||
}}
|
||||
title="Why Choose BulkStore?"
|
||||
description="Optimized logistics and simplified procurement."
|
||||
@@ -220,14 +149,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DataSystems",
|
||||
"StreamlineInc",
|
||||
"ModernLogistics",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DataSystems", "StreamlineInc", "ModernLogistics"]}
|
||||
title="Trusted by Growing Businesses"
|
||||
description="Scale with a partner you can count on."
|
||||
/>
|
||||
@@ -241,20 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
description: "Global Clients",
|
||||
},
|
||||
id: "m1", value: "1000+", description: "Global Clients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Delivery Success Rate",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "Delivery Success Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Order Processing",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Order Processing"},
|
||||
]}
|
||||
title="Proven Performance at Scale"
|
||||
description="Key stats on our commitment to delivery excellence."
|
||||
@@ -266,30 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-88087.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-88087.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-people-holding-meeting-office_1262-1610.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-people-holding-meeting-office_1262-1610.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex Smith", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
|
||||
]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Testimonials"
|
||||
@@ -302,30 +200,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does volume pricing work?",
|
||||
content: "Our pricing scales automatically based on your order quantity from 1 to 1000+ units.",
|
||||
},
|
||||
id: "f1", title: "How does volume pricing work?", content: "Our pricing scales automatically based on your order quantity from 1 to 1000+ units."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are the shipping options?",
|
||||
content: "We offer standard, expedited, and bulk freight options for all volume levels.",
|
||||
},
|
||||
id: "f2", title: "What are the shipping options?", content: "We offer standard, expedited, and bulk freight options for all volume levels."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I track my bulk shipment?",
|
||||
content: "Yes, real-time tracking is provided for every order regardless of quantity.",
|
||||
},
|
||||
id: "f3", title: "Can I track my bulk shipment?", content: "Yes, real-time tracking is provided for every order regardless of quantity."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is there a minimum order quantity?",
|
||||
content: "We handle single units up to 1000+, but volume discounts start at 50 units.",
|
||||
},
|
||||
id: "f4", title: "Is there a minimum order quantity?", content: "We handle single units up to 1000+, but volume discounts start at 50 units."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you provide custom quotes?",
|
||||
content: "Yes, for orders exceeding 1000 units, please contact our enterprise sales team.",
|
||||
},
|
||||
id: "f5", title: "Do you provide custom quotes?", content: "Yes, for orders exceeding 1000 units, please contact our enterprise sales team."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -336,8 +219,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Start Your Bulk Order?"
|
||||
description="Speak with our sales team for custom volume quotes."
|
||||
@@ -349,42 +231,27 @@ export default function LandingPage() {
|
||||
logoText="BulkStore"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -393,4 +260,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user