Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ArrowRight } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -30,73 +31,36 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Tracking",
|
||||
id: "#tracking",
|
||||
},
|
||||
{
|
||||
name: "Network",
|
||||
id: "#network",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Tracking", id: "#tracking" },
|
||||
{ name: "Network", id: "#network" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Lantia Marítima"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Seamless Global Logistics Powered by Intelligence"
|
||||
description="Lantia Marítima provides cutting-edge freight solutions. Fast, secure, and globally connected to power your supply chain."
|
||||
buttons={[
|
||||
{
|
||||
text: "Track Shipment",
|
||||
href: "#tracking",
|
||||
},
|
||||
text: "Track Shipment", href: "#tracking"},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-tropical-bay-with-boats-stunning-blue-seascape_482257-126031.jpg",
|
||||
imageAlt: "Global maritime shipping operations",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-sunset-with-silhouette-mountain-boats-sea_181624-20475.jpg",
|
||||
imageAlt: "Automated port facilities",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-buildings-with-lights-near-lake-breathtaking-sky_181624-7526.jpg",
|
||||
imageAlt: "Container shipping routes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/visiting-site-photo-frame_23-2149512714.jpg",
|
||||
imageAlt: "Global logistics network",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663058.jpg",
|
||||
imageAlt: "Sea freight excellence",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-tanker-that-ran-aground-overturned_1153-5908.jpg",
|
||||
imageAlt: "Supply chain intelligence",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-tropical-bay-with-boats-stunning-blue-seascape_482257-126031.jpg", imageAlt: "Global maritime shipping operations" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scenery-sunset-with-silhouette-mountain-boats-sea_181624-20475.jpg", imageAlt: "Automated port facilities" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-buildings-with-lights-near-lake-breathtaking-sky_181624-7526.jpg", imageAlt: "Container shipping routes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/visiting-site-photo-frame_23-2149512714.jpg", imageAlt: "Global logistics network" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663058.jpg", imageAlt: "Sea freight excellence" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-tanker-that-ran-aground-overturned_1153-5908.jpg", imageAlt: "Supply chain intelligence" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,28 +71,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sea Freight",
|
||||
description: "Global ocean transport for massive shipments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-with-shipping-containers_1308-178899.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Sea Freight", description: "Global ocean transport for massive shipments.", imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-with-shipping-containers_1308-178899.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Air Freight",
|
||||
description: "Express global transit for time-sensitive cargo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-world-tourism-day-concept_23-2148608831.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Air Freight", description: "Express global transit for time-sensitive cargo.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-world-tourism-day-concept_23-2148608831.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Land Transport",
|
||||
description: "End-to-end ground delivery and distribution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/depot-with-trains-railway-station-romania_1268-20314.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Land Transport", description: "End-to-end ground delivery and distribution.", imageSrc: "http://img.b2bpic.net/free-photo/depot-with-trains-railway-station-romania_1268-20314.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Customs Brokerage",
|
||||
description: "Seamless border clearance and compliance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-ecommerce-line-filled-icon-presentation_1142-25248.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Customs Brokerage", description: "Seamless border clearance and compliance.", imageSrc: "http://img.b2bpic.net/free-vector/20-ecommerce-line-filled-icon-presentation_1142-25248.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
title="Integrated Freight Services"
|
||||
@@ -143,21 +95,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
description: "Containers Moved",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
description: "Countries Reached",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Real-time Tracking",
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", description: "Containers Moved" },
|
||||
{ id: "m2", value: "150+", description: "Countries Reached" },
|
||||
{ id: "m3", value: "99.9%", description: "Real-time Tracking" },
|
||||
]}
|
||||
title="Logistics at Scale"
|
||||
description="Real-time accuracy and proven performance in global shipping."
|
||||
@@ -169,14 +109,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Maersk",
|
||||
"MSC",
|
||||
"CMA CGM",
|
||||
"Hapag-Lloyd",
|
||||
"Evergreen",
|
||||
"ONE",
|
||||
"Yang Ming",
|
||||
]}
|
||||
"Maersk", "MSC", "CMA CGM", "Hapag-Lloyd", "Evergreen", "ONE", "Yang Ming"]}
|
||||
title="Global Partner Network"
|
||||
description="Trusted by industry leaders worldwide."
|
||||
/>
|
||||
@@ -188,41 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "The most agile freight forwarder we have worked with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Otto",
|
||||
handle: "@motto",
|
||||
testimonial: "Exceptional clarity in customs and documentation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12785.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "Reliable and fast delivery across continents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
handle: "@dwu",
|
||||
testimonial: "Real-time tracking changed our supply chain operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-freight-management-storage-supply-concept_53876-123932.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
handle: "@asmith",
|
||||
testimonial: "Professional, efficient, and cost-effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148943318.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "The most agile freight forwarder we have worked with.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
|
||||
{ id: "2", name: "Mark Otto", handle: "@motto", testimonial: "Exceptional clarity in customs and documentation.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12785.jpg" },
|
||||
{ id: "3", name: "Elena Rossi", handle: "@erossi", testimonial: "Reliable and fast delivery across continents.", imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
|
||||
{ id: "4", name: "David Wu", handle: "@dwu", testimonial: "Real-time tracking changed our supply chain operations.", imageSrc: "http://img.b2bpic.net/free-photo/logistics-freight-management-storage-supply-concept_53876-123932.jpg" },
|
||||
{ id: "5", name: "Anna Smith", handle: "@asmith", testimonial: "Professional, efficient, and cost-effective.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148943318.jpg" },
|
||||
]}
|
||||
title="Partner Voices"
|
||||
description="What our clients say about our service excellence."
|
||||
@@ -234,21 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I track my cargo?",
|
||||
content: "You can use the tracking search bar on our platform with your BOL number.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What regions do you serve?",
|
||||
content: "We cover over 150 countries across all continents.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I request a quote?",
|
||||
content: "Simply fill out our quote request form, and a manager will contact you.",
|
||||
},
|
||||
{ id: "f1", title: "How do I track my cargo?", content: "You can use the tracking search bar on our platform with your BOL number." },
|
||||
{ id: "f2", title: "What regions do you serve?", content: "We cover over 150 countries across all continents." },
|
||||
{ id: "f3", title: "How can I request a quote?", content: "Simply fill out our quote request form, and a manager will contact you." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Lantia shipping."
|
||||
@@ -260,14 +151,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to streamline your global logistics operations? Request your personalized quote today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Quote",
|
||||
href: "#contact-form",
|
||||
},
|
||||
text: "Start Quote", href: "#contact-form"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,38 +165,20 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tracking",
|
||||
href: "#tracking",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Tracking", href: "#tracking" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user