Update src/app/page.tsx

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
@@ -32,66 +32,38 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Colin's Emergency Roofers"
       button={{
-        text: "Call Now",
+        text: "Call Now",        href: "tel:5551234567"}}
-        href: "tel:5551234567",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardGallery
+      <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
+      title="We are welcoming you"
-      title="24/7 Emergency Roof Repair in San Diego"
       description="Don't let a roof leak turn into a catastrophe. Colin's Emergency Roofers provides rapid, reliable, and professional roofing solutions when you need them most."
       buttons={[
         {
-          text: "Get Emergency Support",
+          text: "Get Emergency Support",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",          imageAlt: "Professional roofing service San Diego"},
-          imageAlt: "Professional roofing service San Diego",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",          imageAlt: "Roof inspection worker safety"},
-          imageAlt: "Roof inspection worker safety",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",          imageAlt: "Roof leak repair emergency service"},
-          imageAlt: "Roof leak repair emergency service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
-          imageAlt: "Professional roofing service San Diego",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-engineer_1098-18201.jpg",
-          imageAlt: "Roof inspection worker safety",
-        },
       ]}
-      mediaAnimation="slide-up"
     />
   </div>
 
@@ -114,23 +86,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Leak Detection",
+          title: "Leak Detection",          description: "Rapid identification and patching of roof leaks to prevent water damage.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",          imageAlt: "Professional roofing service San Diego"},
-          description: "Rapid identification and patching of roof leaks to prevent water damage.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
-          imageAlt: "Professional roofing service San Diego",
-        },
         {
-          title: "Storm Damage Repair",
+          title: "Storm Damage Repair",          description: "Professional repair of roof damage caused by severe weather conditions.",          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg",          imageAlt: "Roof inspection worker safety"},
-          description: "Professional repair of roof damage caused by severe weather conditions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg",
-          imageAlt: "Roof inspection worker safety",
-        },
         {
-          title: "Emergency Tarping",
+          title: "Emergency Tarping",          description: "Immediate tarping services to protect your home until permanent repairs can be made.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-house-snowy-landscape_181624-28756.jpg",          imageAlt: "Roof leak repair emergency service"},
-          description: "Immediate tarping services to protect your home until permanent repairs can be made.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-house-snowy-landscape_181624-28756.jpg",
-          imageAlt: "Roof leak repair emergency service",
-        },
       ]}
       title="Emergency Roofing Services"
       description="We offer a comprehensive suite of emergency roofing services designed to mitigate damage quickly."
@@ -144,23 +104,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Award,
-          icon: Award,
+          title: "Projects Completed",          value: "5,000+"},
-          title: "Projects Completed",
-          value: "5,000+",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Clock,
-          icon: Clock,
+          title: "Emergency Response",          value: "24/7"},
-          title: "Emergency Response",
-          value: "24/7",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Star,
-          icon: Star,
+          title: "Customer Rating",          value: "4.9/5"},
-          title: "Customer Rating",
-          value: "4.9/5",
-        },
       ]}
       title="Roofing By The Numbers"
       description="Our success is built on thousands of satisfied customers across Southern California."
@@ -173,45 +124,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          title: "Lifesavers!",          quote: "Colin's team saved my home during the heavy storm. They were there within 30 minutes.",          name: "Jane Doe",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-standing-near-wall-with-repair-tools_1157-29766.jpg"},
-          title: "Lifesavers!",
-          quote: "Colin's team saved my home during the heavy storm. They were there within 30 minutes.",
-          name: "Jane Doe",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-standing-near-wall-with-repair-tools_1157-29766.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          title: "Quick and Efficient",          quote: "Professional, clean, and fast. The best roofers in San Diego.",          name: "John Smith",          role: "Business Owner",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg"},
-          title: "Quick and Efficient",
-          quote: "Professional, clean, and fast. The best roofers in San Diego.",
-          name: "John Smith",
-          role: "Business Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          title: "Very Trustworthy",          quote: "I appreciate the transparency about the pricing. Highly recommend.",          name: "Sarah Lee",          role: "Resident",          imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-holding-house_1187-3154.jpg"},
-          title: "Very Trustworthy",
-          quote: "I appreciate the transparency about the pricing. Highly recommend.",
-          name: "Sarah Lee",
-          role: "Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-holding-house_1187-3154.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          title: "Quality Work",          quote: "They fixed our leak that had been bothering us for months in one afternoon.",          name: "Michael Brown",          role: "Local Resident",          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg"},
-          title: "Quality Work",
-          quote: "They fixed our leak that had been bothering us for months in one afternoon.",
-          name: "Michael Brown",
-          role: "Local Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          title: "Top Notch Team",          quote: "Great communication and excellent work. Colin is the best in the business.",          name: "Emily White",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg"},
-          title: "Top Notch Team",
-          quote: "Great communication and excellent work. Colin is the best in the business.",
-          name: "Emily White",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg",
-        },
       ]}
       title="Satisfied Customers"
       description="Hear what the San Diego community says about our emergency roof repair services."
@@ -224,20 +145,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How fast can you reach me?",          content: "We aim to be on-site within 60 minutes for emergency calls within San Diego."},
-          title: "How fast can you reach me?",
-          content: "We aim to be on-site within 60 minutes for emergency calls within San Diego.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Do you offer free estimates?",          content: "Yes, we provide free initial assessments for all roofing projects."},
-          title: "Do you offer free estimates?",
-          content: "Yes, we provide free initial assessments for all roofing projects.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Are you licensed?",          content: "We are fully licensed and bonded in the state of California."},
-          title: "Are you licensed?",
-          content: "We are fully licensed and bonded in the state of California.",
-        },
       ]}
       title="Common Roofing Questions"
       description="Everything you need to know about our emergency roof services."
@@ -252,28 +164,17 @@ export default function LandingPage() {
       description="Submit your information, and our emergency team will contact you immediately."
       inputs={[
         {
-          name: "fullName",
+          name: "fullName",          type: "text",          placeholder: "Full Name",          required: true,
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Briefly describe your roofing issue",        rows: 4,
-        placeholder: "Briefly describe your roofing issue",
-        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/young-engineer-talking-mobile-phone-uniform-looking-pensive-front-view_176474-21326.jpg"
@@ -286,42 +187,27 @@ export default function LandingPage() {
       logoText="Colin's Emergency Roofers"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Emergency Repair",
+              label: "Emergency Repair",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Leak Patching",
+              label: "Leak Patching",              href: "#features"},
-              href: "#features",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}