Merge version_2 into main #1
134
src/app/page.tsx
134
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>
|
||||
|
||||
Reference in New Issue
Block a user