bender/510326f1-7483-415d-9860-06904cdfa240
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-11 18:41:53 +00:00
parent b5495a3243 bb6c2916d8
commit 6a09c2b9fc
1 changed files with 154 additions and 376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

530
src/app/page.tsx
View File

@@ -28,390 +28,168 @@ export default function LandingPage() {
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Services", id: "features" },
name: "Services", { name: "About", id: "about" },
id: "features", { name: "Testimonials", id: "testimonials" },
}, { name: "Contact", id: "contact" },
{ ]}
name: "About", brandName="BoxSmart"
id: "about", />
}, </div>
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="BoxSmart"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardTestimonial <HeroBillboardTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Smart Shipping Solutions for Modern Business"
}} description="At BoxSmart, we leverage advanced logistics technology to ensure your goods arrive on time, every time, anywhere in the world."
title="Smart Shipping Solutions for Modern Business" testimonials={[
description="At BoxSmart, we leverage advanced logistics technology to ensure your goods arrive on time, every time, anywhere in the world." { name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "BoxSmart transformed our delivery lead times. Their real-time tracking is unparalleled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg" },
testimonials={[ { name: "Michael Chen", handle: "@mchen", testimonial: "The most reliable shipping partner we've worked with in over a decade.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg" },
{ { name: "Anita Gupta", handle: "@agupta", testimonial: "Seamless integration with our existing supply chain. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
name: "Sarah Jenkins", { name: "David Thorne", handle: "@dthorne", testimonial: "Unbeatable support and efficiency. They treat our cargo like their own.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
handle: "@sjenkins", { name: "Elise Beaumont", handle: "@ebeaumont", testimonial: "Exceptional logistics handling. Consistent, professional, and always on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg" },
testimonial: "BoxSmart transformed our delivery lead times. Their real-time tracking is unparalleled.", ]}
rating: 5, imageSrc="http://img.b2bpic.net/free-photo/female-staff-preparing-ecommerce-parcels-small-facility-checking-shipment-quality-control_482257-134738.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", imageAlt="Modern logistics warehouse hub"
}, mediaAnimation="slide-up"
{ avatars={[
name: "Michael Chen", { src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Business partner 1" },
handle: "@mchen", { src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Business partner 2" },
testimonial: "The most reliable shipping partner we've worked with in over a decade.", { src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Business partner 3" },
rating: 5, { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Business partner 4" },
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", { src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg", alt: "Business partner 5" },
}, ]}
{ avatarText="Trusted by 500+ global brands"
name: "Anita Gupta", marqueeItems={[
handle: "@agupta", { type: "text", text: "Real-time Tracking" },
testimonial: "Seamless integration with our existing supply chain. Highly recommend.", { type: "text", text: "Global Coverage" },
rating: 5, { type: "text", text: "Priority Handling" },
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", { type: "text", text: "24/7 Logistics" },
}, { type: "text", text: "Secure Cargo" },
{ ]}
name: "David Thorne", />
handle: "@dthorne", </div>
testimonial: "Unbeatable support and efficiency. They treat our cargo like their own.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
},
{
name: "Elise Beaumont",
handle: "@ebeaumont",
testimonial: "Exceptional logistics handling. Consistent, professional, and always on time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-staff-preparing-ecommerce-parcels-small-facility-checking-shipment-quality-control_482257-134738.jpg?_wi=1"
imageAlt="Modern logistics warehouse hub"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
alt: "Business partner 1",
},
{
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
alt: "Business partner 2",
},
{
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
alt: "Business partner 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Business partner 4",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg",
alt: "Business partner 5",
},
]}
avatarText="Trusted by 500+ global brands"
marqueeItems={[
{
type: "text",
text: "Real-time Tracking",
},
{
type: "text",
text: "Global Coverage",
},
{
type: "text",
text: "Priority Handling",
},
{
type: "text",
text: "24/7 Logistics",
},
{
type: "text",
text: "Secure Cargo",
},
]}
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyFive <FeatureCardTwentyFive
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Global Shipping Network", title: "Global Shipping Network", description: "Seamless cross-border shipping solutions covering major global hubs with real-time tracking.", icon: Globe,
description: "Seamless cross-border shipping solutions covering major global hubs with real-time tracking.", mediaItems: [
icon: Globe, { imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827296.jpg", imageAlt: "Global network diagram" },
mediaItems: [ { imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-style-community-map_23-2149377693.jpg", imageAlt: "Global delivery path" },
{ ],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827296.jpg", },
imageAlt: "Global network diagram", {
}, title: "Priority Express Delivery", description: "Get your urgent packages delivered with our high-speed priority shipping service across all zones.", icon: Zap,
{ mediaItems: [
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-style-community-map_23-2149377693.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151662998.jpg", imageAlt: "Fast transport truck" },
imageAlt: "Global delivery path", { imageSrc: "http://img.b2bpic.net/free-photo/white-refrigerated-truck-transporting-cargo-winter-highway-cold-chain-logistics-delivery_169016-71712.jpg", imageAlt: "Express shipping container" },
}, ],
], },
imageSrc: "http://img.b2bpic.net/free-photo/female-staff-preparing-ecommerce-parcels-small-facility-checking-shipment-quality-control_482257-134738.jpg?_wi=2", {
imageAlt: "global shipping logistics icon", title: "Secure Handling Guarantee", description: "Safety is our priority. We use industrial-grade protection for all sensitive and fragile items.", icon: Shield,
}, mediaItems: [
{ { imageSrc: "http://img.b2bpic.net/free-photo/diverse-storehouse-employees-checking-cardboard-boxes_482257-84287.jpg", imageAlt: "Secure container" },
title: "Priority Express Delivery", { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-neon-vests_23-2149426474.jpg", imageAlt: "Protected cargo handling" },
description: "Get your urgent packages delivered with our high-speed priority shipping service across all zones.", ],
icon: Zap, },
mediaItems: [ ]}
{ title="Core Logistics Capabilities"
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151662998.jpg", description="Comprehensive tools designed to streamline your supply chain and optimize delivery performance."
imageAlt: "Fast transport truck", />
}, </div>
{
imageSrc: "http://img.b2bpic.net/free-photo/white-refrigerated-truck-transporting-cargo-winter-highway-cold-chain-logistics-delivery_169016-71712.jpg",
imageAlt: "Express shipping container",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/filing-cabinet_1048-12069.jpg",
imageAlt: "global shipping logistics icon",
},
{
title: "Secure Handling Guarantee",
description: "Safety is our priority. We use industrial-grade protection for all sensitive and fragile items.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/diverse-storehouse-employees-checking-cardboard-boxes_482257-84287.jpg",
imageAlt: "Secure container",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-neon-vests_23-2149426474.jpg",
imageAlt: "Protected cargo handling",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/delivery-white_24877-49434.jpg?_wi=1",
imageAlt: "global shipping logistics icon",
},
]}
title="Core Logistics Capabilities"
description="Comprehensive tools designed to streamline your supply chain and optimize delivery performance."
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[
{ { type: "text", content: "Delivering Quality with Precision" },
type: "text", { type: "image", src: "http://img.b2bpic.net/free-photo/diverse-storehouse-employees-checking-cardboard-boxes_482257-84287.jpg", alt: "Logistics team working" },
content: "Delivering Quality with Precision", ]}
}, />
{ </div>
type: "image",
src: "http://img.b2bpic.net/free-photo/diverse-storehouse-employees-checking-cardboard-boxes_482257-84287.jpg",
alt: "Logistics team working",
},
]}
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardEleven <MetricCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "24/7", title: "Operation Support", description: "Always-on service", imageSrc: "http://img.b2bpic.net/free-vector/delivery-white_24877-49434.jpg" },
id: "m1", { id: "m2", value: "99.8%", title: "Delivery Accuracy", description: "Precise handling rate", imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks_23-2148950375.jpg" },
value: "24/7", { id: "m3", value: "150+", title: "Countries Served", description: "Expanding global network", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827259.jpg" },
title: "Operation Support", ]}
description: "Always-on service", title="Performance at a Glance"
imageSrc: "http://img.b2bpic.net/free-vector/delivery-white_24877-49434.jpg?_wi=2", description="Measurable impact delivering consistent value for our partners."
}, />
{ </div>
id: "m2",
value: "99.8%",
title: "Delivery Accuracy",
description: "Precise handling rate",
imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks_23-2148950375.jpg",
},
{
id: "m3",
value: "150+",
title: "Countries Served",
description: "Expanding global network",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827259.jpg",
},
]}
title="Performance at a Glance"
description="Measurable impact delivering consistent value for our partners."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardOne <TestimonialCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow" gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", name: "Sarah Jenkins", role: "Logistics Lead", company: "GlobalTrade Inc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg" },
id: "t1", { id: "t2", name: "Michael Chen", role: "Supply Chain Manager", company: "Apex Industries", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg" },
name: "Sarah Jenkins", { id: "t3", name: "Anita Gupta", role: "Operations Director", company: "RetailDirect", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
role: "Logistics Lead", { id: "t4", name: "David Thorne", role: "Managing Director", company: "Thorne Freight", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-grey-haired-logistic-worker-hardhat-uniform-standing-shelves-warehouse-with-arms-folded-looking-camera-smiling-vertical-shot-labor-blue-collar-portrait-concept_74855-14227.jpg" },
company: "GlobalTrade Inc.", { id: "t5", name: "Elise Beaumont", role: "Production Lead", company: "Beaumont Mfg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg" },
rating: 5, ]}
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", title="Trusted by Industry Leaders"
}, description="What our long-term shipping partners are saying about our service."
{ />
id: "t2", </div>
name: "Michael Chen",
role: "Supply Chain Manager",
company: "Apex Industries",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
},
{
id: "t3",
name: "Anita Gupta",
role: "Operations Director",
company: "RetailDirect",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
},
{
id: "t4",
name: "David Thorne",
role: "Managing Director",
company: "Thorne Freight",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-grey-haired-logistic-worker-hardhat-uniform-standing-shelves-warehouse-with-arms-folded-looking-camera-smiling-vertical-shot-labor-blue-collar-portrait-concept_74855-14227.jpg",
},
{
id: "t5",
name: "Elise Beaumont",
role: "Production Lead",
company: "Beaumont Mfg",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
},
]}
title="Trusted by Industry Leaders"
description="What our long-term shipping partners are saying about our service."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "How do I track my package?", content: "Use your tracking number on our real-time dashboard portal for immediate status updates." },
id: "f1", { id: "f2", title: "Do you handle international cargo?", content: "Yes, our international logistics network covers over 150 countries with comprehensive customs clearance assistance." },
title: "How do I track my package?", { id: "f3", title: "Are my goods insured during shipping?", content: "Every shipment comes with our standard safety insurance policy, with options to upgrade for high-value items." },
content: "Use your tracking number on our real-time dashboard portal for immediate status updates.", ]}
}, imageSrc="http://img.b2bpic.net/free-photo/anxious-young-pretty-delivery-woman-uniform-holds-cardbox-talks-phone-isolated-white-wall_141793-65841.jpg"
{ mediaAnimation="slide-up"
id: "f2", title="Common Inquiries"
title: "Do you handle international cargo?", description="Quick answers to help you navigate our services smoothly."
content: "Yes, our international logistics network covers over 150 countries with comprehensive customs clearance assistance.", faqsAnimation="slide-up"
}, />
{ </div>
id: "f3",
title: "Are my goods insured during shipping?",
content: "Every shipment comes with our standard safety insurance policy, with options to upgrade for high-value items.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/anxious-young-pretty-delivery-woman-uniform-holds-cardbox-talks-phone-isolated-white-wall_141793-65841.jpg"
mediaAnimation="slide-up"
title="Common Inquiries"
description="Quick answers to help you navigate our services smoothly."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Start Shipping Smarter"
}} description="Speak with our logistics experts today to customize a shipping plan that works for your unique business needs."
title="Start Shipping Smarter" buttonText="Consult Now"
description="Speak with our logistics experts today to customize a shipping plan that works for your unique business needs." tag="Get in touch"
buttonText="Consult Now" />
tag="Get in touch" </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
title: "Company", { title: "Support", items: [{ label: "Tracking", href: "#" }, { label: "Help Center", href: "#" }, { label: "Contact", href: "#contact" }] },
items: [ { title: "Legal", items: [{ label: "Terms of Service", href: "#" }, { label: "Compliance", href: "#" }] },
{ ]}
label: "About Us", bottomLeftText="© 2024 BoxSmart Shipping Services Pvt Ltd. All rights reserved."
href: "#about", bottomRightText="Shipping Excellence."
}, />
{ </div>
label: "Careers",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Tracking",
href: "#",
},
{
label: "Help Center",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Terms of Service",
href: "#",
},
{
label: "Compliance",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 BoxSmart Shipping Services Pvt Ltd. All rights reserved."
bottomRightText="Shipping Excellence."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }