Update src/app/page.tsx

This commit is contained in:
2026-05-11 18:41:50 +00:00
parent 5c7a42fbbf
commit bb6c2916d8

View File

@@ -28,390 +28,168 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "features",
},
{
name: "About",
id: "about",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="BoxSmart"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Services", id: "features" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="BoxSmart"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
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."
testimonials={[
{
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",
},
{
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: "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",
},
{
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="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ 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."
testimonials={[
{ 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" },
{ 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: "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" },
{ 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"
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">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Global Shipping Network",
description: "Seamless cross-border shipping solutions covering major global hubs with real-time tracking.",
icon: Globe,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827296.jpg",
imageAlt: "Global network diagram",
},
{
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/female-staff-preparing-ecommerce-parcels-small-facility-checking-shipment-quality-control_482257-134738.jpg?_wi=2",
imageAlt: "global shipping logistics icon",
},
{
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/technological-futuristic-holograms-logistics-means-transport_23-2151662998.jpg",
imageAlt: "Fast transport truck",
},
{
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="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Global Shipping Network", description: "Seamless cross-border shipping solutions covering major global hubs with real-time tracking.", icon: Globe,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827296.jpg", imageAlt: "Global network diagram" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-style-community-map_23-2149377693.jpg", imageAlt: "Global delivery path" },
],
},
{
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/technological-futuristic-holograms-logistics-means-transport_23-2151662998.jpg", imageAlt: "Fast transport truck" },
{ 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" },
],
},
{
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" },
],
},
]}
title="Core Logistics Capabilities"
description="Comprehensive tools designed to streamline your supply chain and optimize delivery performance."
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Delivering Quality with Precision",
},
{
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="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Delivering Quality with Precision" },
{ 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">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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?_wi=2",
},
{
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="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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: "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">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
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: "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",
},
{
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="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
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: "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" },
{ 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">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
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: "f2",
title: "Do you handle international cargo?",
content: "Yes, our international logistics network covers over 150 countries with comprehensive customs clearance assistance.",
},
{
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="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
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: "f2", title: "Do you handle international cargo?", content: "Yes, our international logistics network covers over 150 countries with comprehensive customs clearance assistance." },
{ 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">
<ContactCenter
useInvertedBackground={false}
background={{
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."
buttonText="Consult Now"
tag="Get in touch"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ 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."
buttonText="Consult Now"
tag="Get in touch"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
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>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { 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>
</ThemeProvider>
);
}
}