From e46a1bdc6e087648b0d7b09e8b6179904e92d20d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 07:27:16 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 134 +++++++++++++++--------------------------------
 1 file changed, 41 insertions(+), 93 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 299ced7..2d6031f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { Briefcase, Building2, Globe, Shield, ShieldCheck, TrendingUp, Users } from "lucide-react";
+import { Briefcase, Building2, Globe, Mail, Shield, ShieldCheck, TrendingUp, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Expertise",
-          id: "expertise",
-        },
+          name: "Expertise",          id: "expertise"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Howden"
     />
@@ -53,63 +45,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Global insurance group, dedicated to your business"
       description="Serving SMEs, corporates and multinationals, our dedicated teams in Sweden are ready to make a difference."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/clean-city-streets-prague_23-2149417775.jpg",
-          alt: "Stockholm skyline",
-        },
+          src: "http://img.b2bpic.net/free-photo/clean-city-streets-prague_23-2149417775.jpg",          alt: "Stockholm skyline"},
         {
-          src: "http://img.b2bpic.net/free-photo/boston-city-aerial-view_649448-4289.jpg",
-          alt: "Boston City aerial view",
-        },
+          src: "http://img.b2bpic.net/free-photo/boston-city-aerial-view_649448-4289.jpg",          alt: "Boston City aerial view"},
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-from-city-hall-houses-lviv-ukraine-lviv-old-town-from_231208-61.jpg",
-          alt: "City hall view",
-        },
+          src: "http://img.b2bpic.net/free-photo/top-view-from-city-hall-houses-lviv-ukraine-lviv-old-town-from_231208-61.jpg",          alt: "City hall view"},
         {
-          src: "http://img.b2bpic.net/free-photo/aerial-view-liverpool-from-view-point-united-kingdom_1268-19718.jpg",
-          alt: "Liverpool aerial view",
-        },
+          src: "http://img.b2bpic.net/free-photo/aerial-view-liverpool-from-view-point-united-kingdom_1268-19718.jpg",          alt: "Liverpool aerial view"},
         {
-          src: "http://img.b2bpic.net/free-photo/aerial-view-liverpool-from-view-point-united-kingdom_1268-19726.jpg",
-          alt: "Liverpool waterfront",
-        },
+          src: "http://img.b2bpic.net/free-photo/aerial-view-liverpool-from-view-point-united-kingdom_1268-19726.jpg",          alt: "Liverpool waterfront"},
       ]}
       buttons={[
         {
-          text: "Contact us",
-          href: "#contact",
-        },
+          text: "Contact us",          href: "#contact"},
         {
-          text: "About us",
-          href: "#about",
-        },
+          text: "About us",          href: "#about"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Property & Casualty",
-        },
+          type: "text",          text: "Property & Casualty"},
         {
-          type: "text",
-          text: "Business Interruption",
-        },
+          type: "text",          text: "Business Interruption"},
         {
-          type: "text",
-          text: "Financial Lines",
-        },
+          type: "text",          text: "Financial Lines"},
         {
-          type: "text",
-          text: "Professional Lines",
-        },
+          type: "text",          text: "Professional Lines"},
         {
-          type: "text",
-          text: "Reinsurance",
-        },
+          type: "text",          text: "Reinsurance"},
       ]}
     />
   </div>
@@ -131,23 +98,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          icon: Globe,
-          title: "Countries",
-          value: "50+",
-        },
+          id: "m1",          icon: Globe,
+          title: "Countries",          value: "50+"},
         {
-          id: "m2",
-          icon: TrendingUp,
-          title: "Premium Under Management",
-          value: "$38bn+",
-        },
+          id: "m2",          icon: TrendingUp,
+          title: "Premium Under Management",          value: "$38bn+"},
         {
-          id: "m3",
-          icon: Users,
-          title: "Employees",
-          value: "18,000",
-        },
+          id: "m3",          icon: Users,
+          title: "Employees",          value: "18,000"},
       ]}
       title="Our Global Impact"
       description="Numbers that define our scale and commitment to excellence worldwide."
@@ -162,29 +120,19 @@ export default function LandingPage() {
       features={[
         {
           icon: Building2,
-          title: "Corporate Businesses",
-          description: "Supporting enterprises of all sizes with comprehensive risk management.",
-        },
+          title: "Corporate Businesses",          description: "Supporting enterprises of all sizes with comprehensive risk management."},
         {
           icon: Briefcase,
-          title: "Small-to-medium-businesses",
-          description: "Tailored solutions for local SMEs requiring agility and expertise.",
-        },
+          title: "Small-to-medium-businesses",          description: "Tailored solutions for local SMEs requiring agility and expertise."},
         {
           icon: Building2,
-          title: "Construction & Energy",
-          description: "Managing complex project risks with specialized industry knowledge.",
-        },
+          title: "Construction & Energy",          description: "Managing complex project risks with specialized industry knowledge."},
         {
           icon: Shield,
-          title: "Marine & Logistics",
-          description: "Protecting supply chains and transit risks across borders.",
-        },
+          title: "Marine & Logistics",          description: "Protecting supply chains and transit risks across borders."},
         {
           icon: ShieldCheck,
-          title: "Cyber Risk",
-          description: "Defending your digital assets against evolving threats.",
-        },
+          title: "Cyber Risk",          description: "Defending your digital assets against evolving threats."},
       ]}
       title="Expertise tailored to your sector"
       description="Find specialists who can help you navigate complex insurance landscapes."
@@ -192,17 +140,21 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Connect"
       title="How can we help you?"
       description="Speak to our team today to find out how we can support your business."
       imageSrc="http://img.b2bpic.net/free-photo/smiling-mature-businessman-sitting-stool-office_23-2147899682.jpg"
       mediaAnimation="slide-up"
       imageAlt="corporate businessman suit professional"
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name" },
+        { name: "email", type: "email", placeholder: "Email Address" },
+        { name: "message", type: "text", placeholder: "How can we help?" }
+      ]}
+      textarea={{ name: "details", placeholder: "Please provide further details..." }}
+      onSubmit={(data) => console.log("Form submitted:", data)}
+      buttonText="Contact our CEO"
     />
   </div>
 
@@ -210,13 +162,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Howden Insurance Brokers AB"
       leftLink={{
-        text: "Terms and Conditions",
-        href: "#",
-      }}
+        text: "Terms and Conditions",        href: "#"}}
       rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
     />
   </div>
       </ReactLenis>
-- 
2.49.1