Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,16 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Shield, TrendingUp, Users, CheckCircle } from "lucide-react";
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 
 export default function LandingPage() {
   return (
@@ -29,100 +28,96 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleApple
+          <NavbarLayoutFloatingInline
             brandName="ToughComp"
             navItems={[
               { name: "About", id: "about" },
               { name: "Services", id: "features" },
               { name: "Contact", id: "contact" }
             ]}
+            button={{ text: "Get Quote", href: "#contact" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroSplitKpi
+          <HeroBillboardRotatedCarousel
             title="Premium Workers Comp Wholesale"
             description="Empowering agencies with specialized underwriting, rapid quotes, and unmatched risk management expertise."
             background={{ variant: "gradient-bars" }}
-            enableKpiAnimation={true}
-            kpis={[
-              { value: "$500M+", label: "Premium Managed" },
-              { value: "24/7", label: "Underwriting Support" },
-              { value: "98%", label: "Client Retention" }
-            ]}
             buttons={[{ text: "Become a Producer", href: "#contact" }]}
-            imageSrc="http://img.b2bpic.net/free-photo/diverse-business-team-meeting-modern-office_1163-4660.jpg"
+            carouselItems={[
+                { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-team-meeting-modern-office_1163-4660.jpg?_wi=1" },
+                { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/senior-executive-manager-looking-data-tablet_1098-20822.jpg?_wi=1" },
+                { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/professional-workers-hardhats-site_1163-4903.jpg?_wi=1" },
+                { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/digital-data-analysis-concept_23-2148767352.jpg?_wi=1" },
+                { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_1098-21422.jpg" },
+                { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-team-meeting-modern-office_1163-4660.jpg?_wi=2" }
+            ]}
           />
         </div>
 
         <div id="about" data-section="about">
-          <TestimonialAboutCard
+          <MediaAbout
             tag="Our Mission"
             title="Stability Through Specialized Expertise"
             description="ToughComp focuses exclusively on workers' compensation, providing wholesale brokers with the tools to write complex risks with confidence."
-            subdescription="Our streamlined submission process and deep industry relationships mean faster approvals and better coverage for your clients."
-            icon={Shield}
-            imageSrc="http://img.b2bpic.net/free-photo/senior-executive-manager-looking-data-tablet_1098-20822.jpg"
             useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/senior-executive-manager-looking-data-tablet_1098-20822.jpg?_wi=2"
           />
         </div>
 
         <div id="features" data-section="features">
-          <FeatureCardNineteen
+          <FeatureCardEight
             title="Specialized Coverage Solutions"
             description="Expert underwriting tailored for high-risk and complex accounts."
             textboxLayout="split"
             useInvertedBackground={false}
             features={[
               {
-                tag: "Risk Management",                title: "Complex Account Support",                subtitle: "Deep industry experience",                description: "Expertise in difficult class codes and high-risk industries.",                imageSrc: "http://img.b2bpic.net/free-photo/professional-workers-hardhats-site_1163-4903.jpg"
+                title: "Complex Account Support", description: "Expertise in difficult class codes and high-risk industries.", imageSrc: "http://img.b2bpic.net/free-photo/professional-workers-hardhats-site_1163-4903.jpg?_wi=2"
               },
               {
-                tag: "Fast Quotes",                title: "Accelerated Submission Portal",                subtitle: "Technology driven speed",                description: "Our proprietary portal reduces turnaround times by 60%.",                imageSrc: "http://img.b2bpic.net/free-photo/digital-data-analysis-concept_23-2148767352.jpg"
+                title: "Accelerated Submission Portal", description: "Our proprietary portal reduces turnaround times by 60%.", imageSrc: "http://img.b2bpic.net/free-photo/digital-data-analysis-concept_23-2148767352.jpg?_wi=2"
               }
             ]}
           />
         </div>
 
         <div id="metrics" data-section="metrics">
-          <MetricCardOne
+          <MetricCardFourteen
             title="Measured Performance"
-            description="Real impact for our producer partners."
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            textboxLayout="split"
+            tag="Impact"
+            metricsAnimation="slide-up"
             useInvertedBackground={false}
             metrics={[
-              { id: "1", icon: TrendingUp, value: "25%", title: "Average Growth", description: "Partner producer success rate" },
-              { id: "2", icon: Users, value: "500+", title: "Active Agents", description: "Trusted wholesale partners" },
-              { id: "3", icon: CheckCircle, value: "15min", title: "Quote Response", description: "Priority service standard" }
+              { id: "1", value: "25%", description: "Average Growth Rate" },
+              { id: "2", value: "500+", description: "Active Agent Partners" },
+              { id: "3", value: "15m", description: "Quote Turnaround" }
             ]}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
+          <TestimonialCardSix
             title="Partner Success"
             description="Hear from our valued producer partners."
-            showRating={true}
             animationType="blur-reveal"
             textboxLayout="split"
             useInvertedBackground={false}
             testimonials={[
-              { id: "1", name: "Alex Rivers", handle: "VP, Insurance Solutions", testimonial: "The fastest underwriting response I've seen in the wholesale market.", rating: 5 },
-              { id: "2", name: "Sarah Chen", handle: "Regional Manager", testimonial: "Expertise that actually helps me close difficult accounts.", rating: 5 }
+              { id: "1", name: "Alex Rivers", handle: "VP, Insurance Solutions", testimonial: "The fastest underwriting response I've seen in the wholesale market." },
+              { id: "2", name: "Sarah Chen", handle: "Regional Manager", testimonial: "Expertise that actually helps me close difficult accounts." }
             ]}
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitMedia
+          <FaqDouble
             title="Frequently Asked Questions"
             description="Everything you need to know about partnering with ToughComp."
             faqsAnimation="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}
-            imageSrc="http://img.b2bpic.net/free-photo/business-people-meeting_1098-21422.jpg"
             faqs={[
               { id: "1", title: "What classes do you write?", content: "We specialize in construction, hospitality, and healthcare industry codes." },
               { id: "2", title: "How do I register as a producer?", content: "Simply submit our online partner form and our team will verify your license." }
@@ -131,22 +126,20 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
-            tag="Ready to Partner?"
-            title="Join the ToughComp Network"
-            description="Expand your portfolio with our specialized wholesale workers' compensation products."
-            buttons={[{ text: "Request Producer Access", href: "#contact" }]}
+          <ContactText
+            text="Our underwriting team is available Monday-Friday, 8am-6pm EST to assist with your complex placements."
+            buttons={[{ text: "Call: 1-800-TOUGH-COMP", href: "tel:18008684426" }, { text: "Email: partners@toughcomp.com", href: "mailto:partners@toughcomp.com" }]}
             background={{ variant: "sparkles-gradient" }}
             useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBase
+          <FooterLogoEmphasis
             logoText="ToughComp"
             columns={[
-              { title: "Products", items: [{ label: "Workers Comp", href: "#" }, { label: "Risk Management", href: "#" }] },
-              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
+              { items: [{ label: "Wholesale Workers Comp", href: "#" }, { label: "Agency Partnership", href: "#" }, { label: "Risk Management", href: "#" }] },
+              { items: [{ label: "Producer Portal", href: "#" }, { label: "Claims Center", href: "#" }, { label: "Compliance", href: "#" }] }
             ]}
           />
         </div>