Merge version_2 into main #3
168
src/app/page.tsx
168
src/app/page.tsx
@@ -3,15 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Clock, ShieldCheck, Star } from "lucide-react";
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import { Clock, ShieldCheck, Star, Ship, Anchor, Globe, Newspaper } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,126 +31,94 @@ 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: "Azienda", id: "#about" },
|
||||
{ name: "Servizi", id: "#fleet" },
|
||||
{ name: "Numeri", id: "#metrics" },
|
||||
{ name: "Tecnologie", id: "#tech" },
|
||||
{ name: "News", id: "#news" },
|
||||
]}
|
||||
brandName="Maritime Global"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
button={{ text: "Contatti", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<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"
|
||||
<HeroBillboardCarousel
|
||||
title="Eccellenza nel Trasporto Marittimo"
|
||||
description="Costruiamo il futuro della logistica con innovazione, sicurezza e sostenibilità su scala globale."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-ocean_23-2152021788.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: "La Nostra Storia" }]}
|
||||
buttons={[{ text: "Scopri di più", href: "#" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="fleet" data-section="fleet">
|
||||
<ProductCardTwo
|
||||
<FeatureBento
|
||||
title="I Nostri Servizi"
|
||||
description="Soluzioni logistiche su misura per ogni esigenza di trasporto."
|
||||
features={[
|
||||
{ title: "Trasporto Globale", description: "Copertura intercontinentale costante.", bentoComponent: "globe" },
|
||||
{ title: "Monitoraggio", description: "Controllo in tempo reale dei flussi.", bentoComponent: "3d-task-list", items: [{ label: "Pianificazione", icon: Ship, time: "H24" }], title: "Pianificazione" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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" },
|
||||
{ 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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="safety" data-section="safety">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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" }
|
||||
},
|
||||
{
|
||||
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" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Rigorous Operational Excellence"
|
||||
description="Our commitment to safety is backed by a strict code of conduct and international regulatory compliance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
<MetricCardSeven
|
||||
title="Risultati e Numeri"
|
||||
description="L'impatto della nostra operatività su scala internazionale."
|
||||
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: "Navi in Flotta", items: ["Moderne", "Efficenti", "Sicure"] },
|
||||
{ id: "m2", value: "99%", title: "Safety Rating", items: ["Certificata", "Affidabile", "Costante"] },
|
||||
]}
|
||||
title="Global Shipping Metrics"
|
||||
description="Performance and capacity indicators from our maritime operations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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" },
|
||||
]}
|
||||
title="Partnered with Leaders"
|
||||
description="Trusted by prestigious multinational corporations for consistent results."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
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." },
|
||||
<div id="tech" data-section="tech">
|
||||
<FeatureBento
|
||||
title="Tecnologie e Certificazioni"
|
||||
description="Standard rigorosi per la massima sicurezza del carico."
|
||||
features={[
|
||||
{ title: "Certificazioni ISO", description: "Compliance internazionale garantita.", bentoComponent: "reveal-icon", icon: ShieldCheck },
|
||||
{ title: "Geolocalizzazione", description: "Aree geografiche coperte al 100%.", bentoComponent: "map" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-industrial-seaport-cloudy-sky_181624-29022.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers regarding our shipping services and safety standards."
|
||||
faqsAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="news" data-section="news">
|
||||
<BlogCardThree
|
||||
title="Ultime News"
|
||||
description="Rimani aggiornato sul mondo marittimo."
|
||||
blogs={[{ id: "1", category: "Update", title: "Nuove rotte aperte", excerpt: "Espansione verso l'Asia orientale.", imageSrc: "http://img.b2bpic.net/free-photo/cargo-boat-parked-industrial-area-san-diego-downtown_1268-14163.jpg", authorName: "Admin", authorAvatar: "", date: "2024-05-20" }]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Ready to discuss your shipping requirements? Contact our professional team today."
|
||||
tag="Contatti"
|
||||
title="Parliamo del tuo progetto"
|
||||
description="Richiedi un preventivo personalizzato oggi stesso."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -159,13 +127,11 @@ 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: "Menu", items: [{ label: "Home", href: "/" }, { label: "Contatti", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user