From a1b3937ba3e04fba3e1a743a1d466b109f8c5912 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 2 May 2026 07:24:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 168 +++++++++++++++++++----------------------------
 1 file changed, 67 insertions(+), 101 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 810cb75..0522e5e 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1