Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -31,28 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Fleet",
|
||||
id: "#fleet",
|
||||
},
|
||||
{
|
||||
name: "Safety",
|
||||
id: "#safety",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Fleet", id: "#fleet" },
|
||||
{ name: "Safety", id: "#safety" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Maritime Global"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,13 +45,8 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="38 Modern Vessels, Decades of Trust"
|
||||
description="International maritime transport built on rigorous safety standards and unwavering client commitment. Premium shipping solutions you can depend on, every voyage."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Fleet & Services",
|
||||
href: "#fleet",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bermuda-triangle-with-mystical-neon_23-2151628205.jpg?_wi=1"
|
||||
buttons={[{ text: "View Our Fleet & Services", href: "#fleet" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bermuda-triangle-with-mystical-neon_23-2151628205.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -77,60 +57,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "f1",
|
||||
brand: "Unit 01",
|
||||
name: "Modern Cargo Carrier",
|
||||
price: "High Capacity",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-ocean_23-2152021788.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
brand: "Unit 02",
|
||||
name: "Long Range Vessel",
|
||||
price: "High Efficiency",
|
||||
rating: 5,
|
||||
reviewCount: "40+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-miami-harbor-with-crane-blue-sky-sea_649448-1820.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
brand: "Unit 03",
|
||||
name: "Container Ship",
|
||||
price: "Secure Transport",
|
||||
rating: 5,
|
||||
reviewCount: "30+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-distant-shot-boats-floating-body-water-city-pinkish-sky_181624-16162.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
brand: "Unit 04",
|
||||
name: "Heavy Lift Vessel",
|
||||
price: "Heavy Duty",
|
||||
rating: 5,
|
||||
reviewCount: "25+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cargo-boat-parked-industrial-area-san-diego-downtown_1268-14163.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
brand: "Unit 05",
|
||||
name: "Logistics Freighter",
|
||||
price: "Versatile",
|
||||
rating: 5,
|
||||
reviewCount: "35+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floating-tanker-liverpool-united-kingdom_1268-19731.jpg",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
brand: "Unit 06",
|
||||
name: "Regional Freighter",
|
||||
price: "Fast Delivery",
|
||||
rating: 5,
|
||||
reviewCount: "60+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-business-district-night_107420-95719.jpg",
|
||||
},
|
||||
{ id: "f1", brand: "Unit 01", name: "Modern Cargo Carrier", price: "High Capacity", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-ocean_23-2152021788.jpg" },
|
||||
{ id: "f2", brand: "Unit 02", name: "Long Range Vessel", price: "High Efficiency", rating: 5, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-miami-harbor-with-crane-blue-sky-sea_649448-1820.jpg" },
|
||||
{ id: "f3", brand: "Unit 03", name: "Container Ship", price: "Secure Transport", rating: 5, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/wide-distant-shot-boats-floating-body-water-city-pinkish-sky_181624-16162.jpg" },
|
||||
{ id: "f4", brand: "Unit 04", name: "Heavy Lift Vessel", price: "Heavy Duty", rating: 5, reviewCount: "25+", imageSrc: "http://img.b2bpic.net/free-photo/cargo-boat-parked-industrial-area-san-diego-downtown_1268-14163.jpg" },
|
||||
{ id: "f5", brand: "Unit 05", name: "Logistics Freighter", price: "Versatile", rating: 5, reviewCount: "35+", imageSrc: "http://img.b2bpic.net/free-photo/floating-tanker-liverpool-united-kingdom_1268-19731.jpg" },
|
||||
{ id: "f6", brand: "Unit 06", name: "Regional Freighter", price: "Fast Delivery", rating: 5, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-business-district-night_107420-95719.jpg" },
|
||||
]}
|
||||
title="Our Modern Fleet"
|
||||
description="State-of-the-art vessels engineered for security, capacity, and efficiency."
|
||||
@@ -144,41 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Safety Protocols",
|
||||
description: "Rigid adherence to international safety standards.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-aerial-shot-park-with-different-kinds-rides-beach_181624-4226.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stillness_181624-27484.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-with-mystical-neon_23-2151628205.jpg?_wi=2",
|
||||
imageAlt: "modern cargo ship dock port",
|
||||
title: "Safety Protocols", description: "Rigid adherence to international safety standards.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/vertical-aerial-shot-park-with-different-kinds-rides-beach_181624-4226.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/stillness_181624-27484.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Fleet Maintenance",
|
||||
description: "Regular inspections of our 38 modern vessels.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-truck_23-2149426488.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moment-captured-migration-crisis-with-people_23-2150901832.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-ocean_23-2152021788.jpg?_wi=2",
|
||||
imageAlt: "modern cargo ship dock port",
|
||||
title: "Fleet Maintenance", description: "Regular inspections of our 38 modern vessels.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-truck_23-2149426488.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/moment-captured-migration-crisis-with-people_23-2150901832.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Client Trust",
|
||||
description: "Transparent compliance and account management.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886811.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-happy-supervisors-inspecting-solar-panels-manufacturing-plant_482257-120549.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-miami-harbor-with-crane-blue-sky-sea_649448-1820.jpg?_wi=2",
|
||||
imageAlt: "modern cargo ship dock port",
|
||||
},
|
||||
title: "Client Trust", description: "Transparent compliance and account management.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886811.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/team-happy-supervisors-inspecting-solar-panels-manufacturing-plant_482257-120549.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Rigorous Operational Excellence"
|
||||
@@ -193,27 +101,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "38",
|
||||
title: "Modern Vessels",
|
||||
description: "Recently commissioned ships in our fleet.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Global Support",
|
||||
description: "Constant monitoring and direct management.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Safety Rating",
|
||||
description: "Compliance and standard consistency.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ id: "m1", value: "38", title: "Modern Vessels", description: "Recently commissioned ships in our fleet.", icon: Star },
|
||||
{ id: "m2", value: "24/7", title: "Global Support", description: "Constant monitoring and direct management.", icon: Clock },
|
||||
{ id: "m3", value: "99%", title: "Safety Rating", description: "Compliance and standard consistency.", icon: ShieldCheck },
|
||||
]}
|
||||
title="Global Shipping Metrics"
|
||||
description="Performance and capacity indicators from our maritime operations."
|
||||
@@ -227,46 +117,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Logistics Director",
|
||||
company: "GlobalTrade Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Supply Chain Manager",
|
||||
company: "InnovateLogistics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148943318.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Operations Lead",
|
||||
company: "GrowthShipping",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Freight Consultant",
|
||||
company: "MaritimePartners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-laptop_23-2148692808.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rossi",
|
||||
role: "Supply Chain Head",
|
||||
company: "EuroExport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12785.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Logistics Director", company: "GlobalTrade Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Supply Chain Manager", company: "InnovateLogistics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148943318.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Operations Lead", company: "GrowthShipping", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Freight Consultant", company: "MaritimePartners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-laptop_23-2148692808.jpg" },
|
||||
{ id: "5", name: "Elena Rossi", role: "Supply Chain Head", company: "EuroExport", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12785.jpg" },
|
||||
]}
|
||||
title="Partnered with Leaders"
|
||||
description="Trusted by prestigious multinational corporations for consistent results."
|
||||
@@ -278,21 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide tracking?",
|
||||
content: "Yes, all our voyages are tracked 24/7.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you ISO certified?",
|
||||
content: "Yes, we maintain rigorous industry standard certifications.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How is safety ensured?",
|
||||
content: "Through regular maintenance and a strict conduct code.",
|
||||
},
|
||||
{ id: "q1", title: "Do you provide tracking?", content: "Yes, all our voyages are tracked 24/7." },
|
||||
{ id: "q2", title: "Are you ISO certified?", content: "Yes, we maintain rigorous industry standard certifications." },
|
||||
{ id: "q3", title: "How is safety ensured?", content: "Through regular maintenance and a strict conduct code." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-industrial-seaport-cloudy-sky_181624-29022.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -304,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Ready to discuss your shipping requirements? Contact our professional team today."
|
||||
@@ -318,45 +159,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/idyllic-view-boat-blue-ocean-with-clear-skyline-perfect-wallpaper_181624-43204.jpg"
|
||||
logoText="Maritime Global"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "International Transport",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Logistics Management",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Fleet",
|
||||
href: "#fleet",
|
||||
},
|
||||
{
|
||||
label: "Safety Standards",
|
||||
href: "#safety",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Inquiries",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "International Transport", href: "#" }, { label: "Logistics Management", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Fleet", href: "#fleet" }, { label: "Safety Standards", href: "#safety" }] },
|
||||
{ title: "Contact", items: [{ label: "Inquiries", href: "#contact" }, { label: "Terms & Conditions", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user