Merge version_4 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -30,127 +30,48 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Catalog", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DropShipPro"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Scaling Your Dropshipping Business Made Simple."
|
||||
description="We bridge the gap between trending products and seamless order fulfillment, helping you scale your store without the headache."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Total game-changer for our store!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Alex",
|
||||
handle: "@alex",
|
||||
testimonial: "Fast shipping, happy customers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mike",
|
||||
handle: "@mike",
|
||||
testimonial: "Reliable sourcing every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jen",
|
||||
handle: "@jen",
|
||||
testimonial: "Finally, scaling is easy!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280695.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Tom",
|
||||
handle: "@tom",
|
||||
testimonial: "Best partner for e-commerce.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg?_wi=1",
|
||||
},
|
||||
{ name: "Sarah", handle: "@sarah", testimonial: "Total game-changer for our store!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg" },
|
||||
{ name: "Alex", handle: "@alex", testimonial: "Fast shipping, happy customers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg" },
|
||||
{ name: "Mike", handle: "@mike", testimonial: "Reliable sourcing every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
|
||||
{ name: "Jen", handle: "@jen", testimonial: "Finally, scaling is easy!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280695.jpg" },
|
||||
{ name: "Tom", handle: "@tom", testimonial: "Best partner for e-commerce.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Start Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-delivery-woman-preparing-cardboard-boxes-dispatch-while-working-office_637285-6317.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280695.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280695.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ store owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24h Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Checked",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dedicated Support",
|
||||
},
|
||||
{ type: "text", text: "24h Shipping" },
|
||||
{ type: "text", text: "Global Sourcing" },
|
||||
{ type: "text", text: "Quality Checked" },
|
||||
{ type: "text", text: "Real-time Tracking" },
|
||||
{ type: "text", text: "Dedicated Support" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,24 +92,9 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Rapid Dispatch",
|
||||
description: "Get your orders processed and out the door within 24 hours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-45734.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Global Sourcing",
|
||||
description: "Access to high-quality manufacturers globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logistic-services-icon-set_24877-54379.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quality Assured",
|
||||
description: "Every product checked before shipping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/approved-authentic-quality-guaranteed-product-concept_53876-13748.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Rapid Dispatch", description: "Get your orders processed and out the door within 24 hours.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-45734.jpg" },
|
||||
{ id: "f2", title: "Global Sourcing", description: "Access to high-quality manufacturers globally.", imageSrc: "http://img.b2bpic.net/free-vector/logistic-services-icon-set_24877-54379.jpg" },
|
||||
{ id: "f3", title: "Quality Assured", description: "Every product checked before shipping.", imageSrc: "http://img.b2bpic.net/free-photo/approved-authentic-quality-guaranteed-product-concept_53876-13748.jpg" },
|
||||
]}
|
||||
title="Why Partner With Us?"
|
||||
description="Our infrastructure is built to support high-growth stores with logistics and sourcing expertise."
|
||||
@@ -202,42 +108,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Headphones",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-background-mobile-device_23-2151923366.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Smartwatch",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-person-wearing-wristwatch_181624-3953.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mechanical Keyboard",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-organized-workspace_23-2148223070.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Designer Pot",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eucalyptus-white-vase-background_23-2149420690.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Power Bank",
|
||||
price: "$69",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Matte Water Bottle",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-tumbler-cup_74190-4920.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Premium Headphones", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-background-mobile-device_23-2151923366.jpg" },
|
||||
{ id: "p2", name: "Modern Smartwatch", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-person-wearing-wristwatch_181624-3953.jpg" },
|
||||
{ id: "p3", name: "Mechanical Keyboard", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-organized-workspace_23-2148223070.jpg" },
|
||||
{ id: "p4", name: "Designer Pot", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/eucalyptus-white-vase-background_23-2149420690.jpg" },
|
||||
{ id: "p5", name: "Power Bank", price: "$69", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg" },
|
||||
{ id: "p6", name: "Matte Water Bottle", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/stainless-tumbler-cup_74190-4920.jpg" },
|
||||
]}
|
||||
title="Our Featured Products"
|
||||
description="Top performing products ready for your store today."
|
||||
@@ -248,24 +124,8 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Nexus",
|
||||
"GlobeLog",
|
||||
"PeakShop",
|
||||
"FlowDirect",
|
||||
"Apex",
|
||||
"Trendz",
|
||||
"SkyScale",
|
||||
]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/blank-business-card-template_23-2148102478.jpg",
|
||||
"http://img.b2bpic.net/free-vector/technology-logo-collection-gradient-style_52683-13893.jpg",
|
||||
"http://img.b2bpic.net/free-photo/reverse-arrow-blue-circular-background_23-2148445432.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g9xiz1",
|
||||
"http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-3624.jpg",
|
||||
"http://img.b2bpic.net/free-photo/smiling-beautiful-girl-proudly-showing-advertisement-pointing-fingers-up-top-promo-deal-show-discounts-shop-standing-white-background-tshirt_176420-54981.jpg",
|
||||
"http://img.b2bpic.net/free-photo/reverse-arrow-blue-circular-background_23-2148445432.jpg",
|
||||
]}
|
||||
names={["Nexus", "GlobeLog", "PeakShop", "FlowDirect", "Apex", "Trendz", "SkyScale"]}
|
||||
logos={["http://img.b2bpic.net/free-photo/blank-business-card-template_23-2148102478.jpg", "http://img.b2bpic.net/free-vector/technology-logo-collection-gradient-style_52683-13893.jpg", "http://img.b2bpic.net/free-photo/reverse-arrow-blue-circular-background_23-2148445432.jpg", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g9xiz1", "http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-3624.jpg", "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-proudly-showing-advertisement-pointing-fingers-up-top-promo-deal-show-discounts-shop-standing-white-background-tshirt_176420-54981.jpg", "http://img.b2bpic.net/free-photo/reverse-arrow-blue-circular-background_23-2148445432.jpg"]}
|
||||
title="Trusted by Growing Brands"
|
||||
description="Join hundreds of successful dropshippers leveraging our infrastructure."
|
||||
/>
|
||||
@@ -277,41 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "CEO",
|
||||
testimonial: "Reliable and fast, everything I needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Alex",
|
||||
role: "Founder",
|
||||
testimonial: "Scaling was never easier than with this team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike",
|
||||
role: "Owner",
|
||||
testimonial: "Great sourcing quality, highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jen",
|
||||
role: "Director",
|
||||
testimonial: "The best logistics partner for my store.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280695.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom",
|
||||
role: "Manager",
|
||||
testimonial: "Consistent support and great product selection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Sarah", role: "CEO", testimonial: "Reliable and fast, everything I needed.", imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg" },
|
||||
{ id: "t2", name: "Alex", role: "Founder", testimonial: "Scaling was never easier than with this team.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg" },
|
||||
{ id: "t3", name: "Mike", role: "Owner", testimonial: "Great sourcing quality, highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
|
||||
{ id: "t4", name: "Jen", role: "Director", testimonial: "The best logistics partner for my store.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280695.jpg" },
|
||||
{ id: "t5", name: "Tom", role: "Manager", testimonial: "Consistent support and great product selection.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg" },
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Real results from entrepreneurs like you."
|
||||
@@ -321,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Ready to Scale Your Business?"
|
||||
description="Sign up today to access our premium product catalog and fulfillment services."
|
||||
@@ -336,29 +164,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -367,4 +181,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user