Update src/app/page.tsx
This commit is contained in:
379
src/app/page.tsx
379
src/app/page.tsx
@@ -11,7 +11,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
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() {
|
||||
return (
|
||||
@@ -28,279 +28,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Car Exports USA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Car Exports USA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
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="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ 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."
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/busy-cargo-port-with-shipping-containers-trucks_23-2151989587.jpg"
|
||||
imageAlt="Shipping luxury vehicles globally"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_52683-136436.jpg?_wi=1"
|
||||
imageAlt="logistics company office desk"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_52683-136436.jpg"
|
||||
imageAlt="logistics company office desk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
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?_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="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ 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" },
|
||||
{ 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">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Vehicles Shipped",
|
||||
description: "Happy international customers served",
|
||||
icon: Car,
|
||||
},
|
||||
{
|
||||
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="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", title: "Vehicles Shipped", description: "Happy international customers served", icon: Car },
|
||||
{ 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">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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?_wi=2",
|
||||
imageAlt: "professional headshot executive",
|
||||
},
|
||||
{
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
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">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "f2",
|
||||
title: "How long does shipping take?",
|
||||
content: "Transit time varies by destination, usually 2-6 weeks.",
|
||||
},
|
||||
{
|
||||
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="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "f2", title: "How long does shipping take?", content: "Transit time varies by destination, usually 2-6 weeks." },
|
||||
{ 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">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Export?"
|
||||
description="Contact us today for a free shipping quote. Call +1 305-967-6917 or visit us in North Miami."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call +1 305-967-6917",
|
||||
href: "tel:+13059676917",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to Export?"
|
||||
description="Contact us today for a free shipping quote. Call +1 305-967-6917 or visit us in North Miami."
|
||||
buttons={[{ text: "Call +1 305-967-6917", href: "tel:+13059676917" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Car Exports USA"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Car Exports USA"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user