bender/3a75d0f5-0827-4044-8316-0625555502b3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 13:31:10 +00:00
parent c866175b4f
commit 780436633c
1 changed files with 113 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

379
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Car, MapPin, ShieldCheck } from "lucide-react"; import { Car, MapPin, ShieldCheck, Globe, Anchor, FileText, Shield } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -28,279 +28,126 @@ export default function LandingPage() {
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "#hero" },
name: "Home", { name: "About", id: "#about" },
id: "#hero", { name: "Services", id: "#services" },
}, { name: "Contact", id: "#contact" },
{ ]}
name: "About", brandName="Car Exports USA"
id: "#about", />
}, </div>
{
name: "Services",
id: "#services",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Car Exports USA"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", logoText="Car Exports USA"
}} description="Your trusted partner in international vehicle logistics. We handle all documentation and shipping to deliver your vehicles anywhere globally."
logoText="Car Exports USA" buttons={[
description="Your trusted partner in international vehicle logistics. We handle all documentation and shipping to deliver your vehicles anywhere globally." { text: "Get a Quote", href: "#contact" },
buttons={[ { text: "Our Services", href: "#services" },
{ ]}
text: "Get a Quote", imageSrc="http://img.b2bpic.net/free-photo/busy-cargo-port-with-shipping-containers-trucks_23-2151989587.jpg"
href: "#contact", imageAlt="Shipping luxury vehicles globally"
}, mediaAnimation="slide-up"
{ />
text: "Our Services", </div>
href: "#services",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/busy-cargo-port-with-shipping-containers-trucks_23-2151989587.jpg?_wi=1"
imageAlt="Shipping luxury vehicles globally"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Global Automotive Logistics" title="Global Automotive Logistics"
description="Based in North Miami, Car Exports USA specializes in streamlining the complex process of shipping vehicles to international markets. With years of experience, we ensure your vehicles arrive safely and on time." description="Based in North Miami, Car Exports USA specializes in streamlining the complex process of shipping vehicles to international markets. With years of experience, we ensure your vehicles arrive safely and on time."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_52683-136436.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_52683-136436.jpg"
imageAlt="logistics company office desk" imageAlt="logistics company office desk"
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardTwentySix <FeatureCardTwentySix
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Global Logistics", description: "Door-to-door shipping solutions worldwide.", buttonIcon: Globe, imageSrc: "http://img.b2bpic.net/free-photo/container-hanging-with-american-flag_35913-2669.jpg" },
title: "Global Logistics", { title: "Port Handling", description: "Secure container loading and port management.", buttonIcon: Anchor, imageSrc: "http://img.b2bpic.net/free-photo/aerial-views-with-parked-cars_23-2148959681.jpg" },
description: "Door-to-door shipping solutions worldwide.", { title: "Documentation", description: "Full customs and export documentation assistance.", buttonIcon: FileText, imageSrc: "http://img.b2bpic.net/free-photo/world-map-computer-mouse-notebook-wooden-table-top-view_169016-50550.jpg" },
buttonIcon: "Globe", { title: "Insurance", description: "Comprehensive transit insurance plans available.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/big-transport-ship-with-containers-with-goods-open-sea-generative-ai_191095-684.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/container-hanging-with-american-flag_35913-2669.jpg?_wi=1", ]}
}, title="Our Expert Services"
{ description="Comprehensive solutions tailored to your unique export requirements."
title: "Port Handling", />
description: "Secure container loading and port management.", </div>
buttonIcon: "Anchor",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-views-with-parked-cars_23-2148959681.jpg?_wi=1",
},
{
title: "Documentation",
description: "Full customs and export documentation assistance.",
buttonIcon: "FileText",
imageSrc: "http://img.b2bpic.net/free-photo/world-map-computer-mouse-notebook-wooden-table-top-view_169016-50550.jpg?_wi=1",
},
{
title: "Insurance",
description: "Comprehensive transit insurance plans available.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/big-transport-ship-with-containers-with-goods-open-sea-generative-ai_191095-684.jpg",
},
]}
title="Our Expert Services"
description="Comprehensive solutions tailored to your unique export requirements."
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardOne <MetricCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "500+", title: "Vehicles Shipped", description: "Happy international customers served", icon: Car },
id: "m1", { id: "m2", value: "25+", title: "Countries Covered", description: "Global reach with reliable partners", icon: MapPin },
value: "500+", { id: "m3", value: "99%", title: "Safety Rate", description: "Consistent record of safe deliveries", icon: ShieldCheck },
title: "Vehicles Shipped", ]}
description: "Happy international customers served", title="Our Track Record"
icon: Car, description="Performance metrics that demonstrate our commitment to quality."
}, />
{ </div>
id: "m2",
value: "25+",
title: "Countries Covered",
description: "Global reach with reliable partners",
icon: MapPin,
},
{
id: "m3",
value: "99%",
title: "Safety Rate",
description: "Consistent record of safe deliveries",
icon: ShieldCheck,
},
]}
title="Our Track Record"
description="Performance metrics that demonstrate our commitment to quality."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "John Smith", date: "Jan 2024", title: "Owner", quote: "Seamless export process, highly recommend.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", imageSrc: "http://img.b2bpic.net/free-photo/busy-cargo-port-with-shipping-containers-trucks_23-2151989587.jpg", imageAlt: "professional headshot executive" },
id: "1", { id: "2", name: "Maria Garcia", date: "Dec 2023", title: "Manager", quote: "Very efficient with documentation.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/shirt-elegant-green-heaven-smile_1187-4836.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_52683-136436.jpg", imageAlt: "professional headshot executive" },
name: "John Smith", { id: "3", name: "David Chen", date: "Nov 2023", title: "Partner", quote: "Reliable shipping partner for my dealership.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/need-attention-details-paperwork-back-seat-car-senior-businessman-with-documents_146671-14514.jpg", imageSrc: "http://img.b2bpic.net/free-photo/container-hanging-with-american-flag_35913-2669.jpg", imageAlt: "professional headshot executive" },
date: "Jan 2024", { id: "4", name: "Sarah Miller", date: "Oct 2023", title: "Buyer", quote: "Safe and professional delivery.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-car-showroom-saleswoman-ready-assist-customers_482257-124534.jpg", imageSrc: "http://img.b2bpic.net/free-photo/aerial-views-with-parked-cars_23-2148959681.jpg", imageAlt: "professional headshot executive" },
title: "Owner", { id: "5", name: "Alex Johnson", date: "Sept 2023", title: "Manager", quote: "Best logistics support in Florida.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", imageSrc: "http://img.b2bpic.net/free-photo/world-map-computer-mouse-notebook-wooden-table-top-view_169016-50550.jpg", imageAlt: "professional headshot executive" },
quote: "Seamless export process, highly recommend.", ]}
tag: "Verified", title="Client Success Stories"
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", description="Don't take our word for it, hear what our partners have to say."
imageSrc: "http://img.b2bpic.net/free-photo/busy-cargo-port-with-shipping-containers-trucks_23-2151989587.jpg?_wi=2", />
imageAlt: "professional headshot executive", </div>
},
{
id: "2",
name: "Maria Garcia",
date: "Dec 2023",
title: "Manager",
quote: "Very efficient with documentation.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/shirt-elegant-green-heaven-smile_1187-4836.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_52683-136436.jpg?_wi=2",
imageAlt: "professional headshot executive",
},
{
id: "3",
name: "David Chen",
date: "Nov 2023",
title: "Partner",
quote: "Reliable shipping partner for my dealership.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/need-attention-details-paperwork-back-seat-car-senior-businessman-with-documents_146671-14514.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/container-hanging-with-american-flag_35913-2669.jpg?_wi=2",
imageAlt: "professional headshot executive",
},
{
id: "4",
name: "Sarah Miller",
date: "Oct 2023",
title: "Buyer",
quote: "Safe and professional delivery.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-car-showroom-saleswoman-ready-assist-customers_482257-124534.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-views-with-parked-cars_23-2148959681.jpg?_wi=2",
imageAlt: "professional headshot executive",
},
{
id: "5",
name: "Alex Johnson",
date: "Sept 2023",
title: "Manager",
quote: "Best logistics support in Florida.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/world-map-computer-mouse-notebook-wooden-table-top-view_169016-50550.jpg?_wi=2",
imageAlt: "professional headshot executive",
},
]}
title="Client Success Stories"
description="Don't take our word for it, hear what our partners have to say."
/>
</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: "What documentation is needed?", content: "We require a copy of your ID, title of the vehicle, and bill of sale." },
id: "f1", { id: "f2", title: "How long does shipping take?", content: "Transit time varies by destination, usually 2-6 weeks." },
title: "What documentation is needed?", { id: "f3", title: "Do you offer insurance?", content: "Yes, we provide full coverage transit insurance options." },
content: "We require a copy of your ID, title of the vehicle, and bill of sale.", ]}
}, imageSrc="http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-call-gesture-isolated-purple_141793-84101.jpg"
{ title="Common Questions"
id: "f2", description="Answers to your most frequently asked questions about shipping."
title: "How long does shipping take?", faqsAnimation="slide-up"
content: "Transit time varies by destination, usually 2-6 weeks.", />
}, </div>
{
id: "f3",
title: "Do you offer insurance?",
content: "Yes, we provide full coverage transit insurance options.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-call-gesture-isolated-purple_141793-84101.jpg"
title="Common Questions"
description="Answers to your most frequently asked questions about shipping."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "plain" }}
variant: "plain", tag="Get in touch"
}} title="Ready to Export?"
tag="Get in touch" description="Contact us today for a free shipping quote. Call +1 305-967-6917 or visit us in North Miami."
title="Ready to Export?" buttons={[{ text: "Call +1 305-967-6917", href: "tel:+13059676917" }]}
description="Contact us today for a free shipping quote. Call +1 305-967-6917 or visit us in North Miami." />
buttons={[ </div>
{
text: "Call +1 305-967-6917",
href: "tel:+13059676917",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
items: [ { items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
{ ]}
label: "About Us", logoText="Car Exports USA"
href: "#about", />
}, </div>
{
label: "Services",
href: "#services",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Terms of Service",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
logoText="Car Exports USA"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );