Merge version_6 into main

Merge version_6 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -28,324 +28,121 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Broly Inc"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Broly Inc"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="FamilyOwned PrecisionDriven Trusted HVAC Experts"
-      description="Experience fivestar comfort with Broly Inc—the local HVAC professionals homeowners love and contractors trust. Honest pricing. Expert service. Sameday response."
-      buttons={[
-        {
-          text: "Schedule Your Free Consultation",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/shirt-smiling-skill-gesture-occupation_1134-1049.jpg?_wi=1",
-          imageAlt: "hvac technician smiling",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-worker-sweeping-away-loose-debris-accumulated-around-air-conditioner-base-trained-engineer-cleaning-hvac-system-body-control-panel-with-dusting-brush-tool-remove-loose-dirt_482257-70162.jpg?_wi=1",
-          imageAlt: "hvac installation expert",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-getting-rid-hvac-system-dirt_482257-91994.jpg?_wi=1",
-          imageAlt: "smiling hvac contractor",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-working-air-conditioner_482257-92676.jpg",
-          imageAlt: "Technician working on air conditioner",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-engineer-dissasembling-outdoor-air-conditioner-metal-top-coil-panel-check-malfunctioning-components-certified-technician-doing-repairing-damaged-hvac-system_482257-68063.jpg",
-          imageAlt: "African american engineer dissasembling outdoor air conditioner metal top coil panel to check for malfunctioning components. Certified technician doing repairing on damaged hvac system",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="home" data-section="home">
+            <HeroSplit
+            background={{ variant: "gradient-bars" }}
+            title="Engineered for Your Ultimate Home Comfort"
+            description="We don't just fix HVAC systems; we optimize your environment for family wellness, efficiency, and lasting peace of mind. Get the precision service that Long Island homeowners depend on."
+            buttons={[
+              { text: "Schedule Your Free Consultation", href: "#contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/shirt-smiling-skill-gesture-occupation_1134-1049.jpg?_wi=1"
+            imageAlt="hvac technician"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Built on Trust, Delivered with Precision",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg",
-          alt: "family owned hvac business team",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Built on Trust, Delivered with Precision" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg", alt: "family owned hvac business team" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Zap,
-          title: "Sameday Repair",
-          description: "Rapid response to keep your family comfortable when you need it most.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Honest Pricing",
-          description: "Transparency first. No hidden fees, no aggressive upselling tactics.",
-        },
-        {
-          icon: Award,
-          title: "Expert Craftsmanship",
-          description: "Proven results for residential homes and large multiunit projects.",
-        },
-      ]}
-      title="Our Professional Services"
-      description="Premium HVAC care for homeowners and contractors alike."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Zap, title: "Restore Immediate Comfort", description: "Experience rapid relief with our same-day repair outcomes that get your home back to perfect temperatures quickly." },
+              { icon: ShieldCheck, title: "Transparent Value Assurance", description: "Benefit from our honest, no-surprises approach to pricing that keeps your household budget secure and clear." },
+              { icon: Award, title: "Lifetime Performance Results", description: "Invest in long-term HVAC reliability and superior operational efficiency through our expert-led installations." },
+            ]}
+            title="Our Professional Services"
+            description="Premium HVAC care for homeowners and contractors alike."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          date: "2024-05",
-          title: "Highly Professional",
-          quote: "Reliable and honest. Best HVAC experience in Nassau.",
-          tag: "Repair",
-          avatarSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026153.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/shirt-smiling-skill-gesture-occupation_1134-1049.jpg?_wi=2",
-          imageAlt: "customer portrait smiling",
-        },
-        {
-          id: "2",
-          name: "Michael K.",
-          date: "2024-04",
-          title: "Life Saver",
-          quote: "Fixed our unit same day. So thankful for their expertise.",
-          tag: "Installation",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-loader-showing-gun-gesture-winking-eye-uniform-front-view_176474-21428.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-worker-sweeping-away-loose-debris-accumulated-around-air-conditioner-base-trained-engineer-cleaning-hvac-system-body-control-panel-with-dusting-brush-tool-remove-loose-dirt_482257-70162.jpg?_wi=2",
-          imageAlt: "customer portrait smiling",
-        },
-        {
-          id: "3",
-          name: "Emily D.",
-          date: "2024-03",
-          title: "Transparent Pricing",
-          quote: "Great service and no upselling. Highly recommend Broly.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-senior-couple-standing-seashore-sunny-day-smiling-looking-camera-happy-blonde-woman-hugging-gray-haired-bearded-man-showing-affection-love-holiday-retirement-concept_74855-22739.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-getting-rid-hvac-system-dirt_482257-91994.jpg?_wi=2",
-          imageAlt: "customer portrait smiling",
-        },
-        {
-          id: "4",
-          name: "David L.",
-          date: "2024-02",
-          title: "Excellent Quality",
-          quote: "The minisplit installation was fast and clean. Top notch.",
-          tag: "Minisplit",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-heater_23-2149339530.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg",
-          imageAlt: "customer portrait smiling",
-        },
-        {
-          id: "5",
-          name: "Karen B.",
-          date: "2024-01",
-          title: "Trustworthy Crew",
-          quote: "They treated our home with respect. True pros.",
-          tag: "Repair",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-heater_23-2149339546.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-worker-holding-clipboard-pointing-front-uniform-front-view_176474-21693.jpg?_wi=1",
-          imageAlt: "customer portrait smiling",
-        },
-      ]}
-      title="What Long Island Homeowners Say"
-      description="Honest feedback from our valued neighbors."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", date: "2024-05", title: "Highly Professional", quote: "Reliable and honest. Best HVAC experience in Nassau.", tag: "Repair", avatarSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026153.jpg" },
+              { id: "2", name: "Michael K.", date: "2024-04", title: "Life Saver", quote: "Fixed our unit same day. So thankful for their expertise.", tag: "Installation", avatarSrc: "http://img.b2bpic.net/free-photo/young-loader-showing-gun-gesture-winking-eye-uniform-front-view_176474-21428.jpg" },
+            ]}
+            title="What Long Island Homeowners Say"
+            description="Honest feedback from our valued neighbors."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years Experience",
-          items: [
-            "Family owned and operated",
-            "Local community focus",
-          ],
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          title: "Satisfied Clients",
-          items: [
-            "Long Island residents",
-            "Commercial contractors",
-          ],
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Commitment to Quality",
-          items: [
-            "Transparent pricing",
-            "Craftsmanship guaranteed",
-          ],
-        },
-      ]}
-      title="Proven Track Record"
-      description="Years of HVAC excellence serving the community."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "15+", title: "Years Experience", items: ["Family owned and operated", "Local community focus"] },
+              { id: "m2", value: "5k+", title: "Satisfied Clients", items: ["Long Island residents", "Commercial contractors"] },
+            ]}
+            title="Proven Track Record"
+            description="Years of HVAC excellence serving the community."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer emergency services?",
-          content: "Yes, we provide same-day response for urgent HVAC needs.",
-        },
-        {
-          id: "f2",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. We are fully licensed, insured, and bonded.",
-        },
-        {
-          id: "f3",
-          title: "Do you work with contractors?",
-          content: "Yes, we are a trusted subcontractor for multiunit projects.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Answers to keep you comfortable."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you offer emergency services?", content: "Yes, we provide same-day response for urgent HVAC needs." },
+              { id: "f2", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, insured, and bonded." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Answers to keep you comfortable."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Schedule Your Free Consultation"
-      description="Ready for 5-star service? Reach out to Broly Inc today."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help you?",
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/young-worker-holding-clipboard-pointing-front-uniform-front-view_176474-21693.jpg?_wi=2"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplitForm
+            useInvertedBackground={false}
+            title="Schedule Your Free Consultation"
+            description="Ready for 5-star service? Reach out to Broly Inc today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-worker-holding-clipboard-pointing-front-uniform-front-view_176474-21693.jpg?_wi=2"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Broly Inc"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Repair",
-              href: "#features",
-            },
-            {
-              label: "Installation",
-              href: "#features",
-            },
-            {
-              label: "Maintenance",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="Broly Inc"
+            columns={[
+              { title: "Services", items: [{ label: "Repair", href: "#features" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );