Update src/app/page.tsx

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, Clock, Star } from "lucide-react";
+import { Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,64 +30,41 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "About Us",
+          name: "About Us",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "Service Areas",
+          name: "Service Areas",          id: "/areas"},
-          id: "/areas",
-        },
         {
-          name: "Gallery",
+          name: "Gallery",          id: "/gallery"},
-          id: "/gallery",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "/reviews"},
-          id: "/reviews",
-        },
         {
-          name: "Blog",
+          name: "Blog",          id: "/blog"},
-          id: "/blog",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="TA Baiki Bumbung"
       button={{
-        text: "WhatsApp Now",
+        text: "WhatsApp Now",        href: "https://wa.me/601139413944"}}
-        href: "https://wa.me/601139413944",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Professional Roof Repair Services in Selangor & Kuala Lumpur"
       description="Fast, Trusted & Affordable Roof Leak Repair Specialists. We handle all types of roofing issues with expertise."
       tag="24 Hour Service"
       tagIcon={Star}
       buttons={[
         {
-          text: "WhatsApp Now",
+          text: "WhatsApp Now",          href: "https://wa.me/601139413944"},
-          href: "https://wa.me/601139413944",
-        },
         {
-          text: "Free Roof Inspection",
+          text: "Free Roof Inspection",          href: "/contact"},
-          href: "/contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756527.jpg"
       imageAlt="Professional roof repair service in Selangor and Kuala Lumpur"
@@ -101,99 +78,51 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "roof-leak-repair",
+          id: "roof-leak-repair",          label: "Roof Leak Repair",          title: "Prompt & Effective Leak Solutions",          items: [
-          label: "Roof Leak Repair",
+            "Identify leak source",            "Durable sealing",            "Prevent future leaks"],
-          title: "Prompt & Effective Leak Solutions",
-          items: [
-            "Identify leak source",
-            "Durable sealing",
-            "Prevent future leaks",
-          ],
           buttons: [
             {
-              text: "Learn More",
+              text: "Learn More",              href: "/services/roof-leak-repair"},
-              href: "/services/roof-leak-repair",
-            },
           ],
         },
         {
-          id: "waterproofing",
+          id: "waterproofing",          label: "Roof Waterproofing",          title: "Long-lasting Water Protection",          items: [
-          label: "Roof Waterproofing",
+            "High-quality membranes",            "Weather-resistant coatings",            "Comprehensive sealing"],
-          title: "Long-lasting Water Protection",
-          items: [
-            "High-quality membranes",
-            "Weather-resistant coatings",
-            "Comprehensive sealing",
-          ],
           buttons: [
             {
-              text: "Learn More",
+              text: "Learn More",              href: "/services/waterproofing"},
-              href: "/services/waterproofing",
-            },
           ],
         },
         {
-          id: "metal-deck-roofing",
+          id: "metal-deck-roofing",          label: "Metal Deck Roofing",          title: "Modern & Durable Installations",          items: [
-          label: "Metal Deck Roofing",
+            "Custom fabrication",            "Expert installation",            "Low maintenance"],
-          title: "Modern & Durable Installations",
-          items: [
-            "Custom fabrication",
-            "Expert installation",
-            "Low maintenance",
-          ],
           buttons: [
             {
-              text: "Learn More",
+              text: "Learn More",              href: "/services/metal-deck-roofing"},
-              href: "/services/metal-deck-roofing",
-            },
           ],
         },
         {
-          id: "roof-replacement",
+          id: "roof-replacement",          label: "Roof Replacement",          title: "Complete Roof Overhauls",          items: [
-          label: "Roof Replacement",
+            "High-grade materials",            "Efficient removal",            "Flawless installation"],
-          title: "Complete Roof Overhauls",
-          items: [
-            "High-grade materials",
-            "Efficient removal",
-            "Flawless installation",
-          ],
           buttons: [
             {
-              text: "Learn More",
+              text: "Learn More",              href: "/services/roof-replacement"},
-              href: "/services/roof-replacement",
-            },
           ],
         },
         {
-          id: "gutter-repair",
+          id: "gutter-repair",          label: "Gutter Repair",          title: "Efficient Water Drainage",          items: [
-          label: "Gutter Repair",
+            "Clog removal",            "Damage repair",            "Installation & maintenance"],
-          title: "Efficient Water Drainage",
-          items: [
-            "Clog removal",
-            "Damage repair",
-            "Installation & maintenance",
-          ],
           buttons: [
             {
-              text: "Learn More",
+              text: "Learn More",              href: "/services"},
-              href: "/services",
-            },
           ],
         },
         {
-          id: "emergency-repair",
+          id: "emergency-repair",          label: "Emergency Repair",          title: "24/7 Rapid Response",          items: [
-          label: "Emergency Repair",
+            "Immediate assessment",            "Temporary sealing",            "Permanent solutions"],
-          title: "24/7 Rapid Response",
-          items: [
-            "Immediate assessment",
-            "Temporary sealing",
-            "Permanent solutions",
-          ],
           buttons: [
             {
-              text: "Learn More",
+              text: "Learn More",              href: "/services/emergency"},
-              href: "/services/emergency",
-            },
           ],
         },
       ]}
@@ -209,53 +138,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Mr. Tan",          handle: "@mrtanroofs",          testimonial: "Best service, fast and neat workmanship. My roof leak was fixed within hours, very professional team!",          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-interracial-successful-coworkers-work-together-annual-economic-report_273609-18029.jpg",          imageAlt: "Mr. Tan"},
-          name: "Mr. Tan",
-          handle: "@mrtanroofs",
-          testimonial: "Best service, fast and neat workmanship. My roof leak was fixed within hours, very professional team!",
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-interracial-successful-coworkers-work-together-annual-economic-report_273609-18029.jpg",
-          imageAlt: "Mr. Tan",
-        },
         {
-          id: "2",
+          id: "2",          name: "Puan Azura",          handle: "@azurar_home",          testimonial: "Affordable pricing and professional team. They provided a free inspection and clear quotation. Highly recommended!",          imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",          imageAlt: "Puan Azura"},
-          name: "Puan Azura",
-          handle: "@azurar_home",
-          testimonial: "Affordable pricing and professional team. They provided a free inspection and clear quotation. Highly recommended!",
-          imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",
-          imageAlt: "Puan Azura",
-        },
         {
-          id: "3",
+          id: "3",          name: "Dr. Lim",          handle: "@drlimhome",          testimonial: "Highly recommended roofing contractor in KL. They fixed our industrial roof with precision and speed. Excellent work!",          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-1086.jpg",          imageAlt: "Dr. Lim"},
-          name: "Dr. Lim",
-          handle: "@drlimhome",
-          testimonial: "Highly recommended roofing contractor in KL. They fixed our industrial roof with precision and speed. Excellent work!",
-          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-1086.jpg",
-          imageAlt: "Dr. Lim",
-        },
         {
-          id: "4",
+          id: "4",          name: "Encik Rashid",          handle: "@rashidproperties",          testimonial: "Trusted service for roof replacement. They used high-quality materials and provided a good warranty. Very satisfied!",          imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-business-team-showing-thumbs-up_1262-5547.jpg",          imageAlt: "Encik Rashid"},
-          name: "Encik Rashid",
-          handle: "@rashidproperties",
-          testimonial: "Trusted service for roof replacement. They used high-quality materials and provided a good warranty. Very satisfied!",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-business-team-showing-thumbs-up_1262-5547.jpg",
-          imageAlt: "Encik Rashid",
-        },
         {
-          id: "5",
+          id: "5",          name: "Ms. Wong",          handle: "@wongfamilyhome",          testimonial: "Fast response to our emergency roof repair. The team arrived quickly and prevented further damage. Life-savers!",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-standing-gray-background-with-book_1157-33021.jpg",          imageAlt: "Ms. Wong"},
-          name: "Ms. Wong",
-          handle: "@wongfamilyhome",
-          testimonial: "Fast response to our emergency roof repair. The team arrived quickly and prevented further damage. Life-savers!",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-standing-gray-background-with-book_1157-33021.jpg",
-          imageAlt: "Ms. Wong",
-        },
         {
-          id: "6",
+          id: "6",          name: "Cik Siti",          handle: "@siti_homecare",          testimonial: "Neat and tidy work, they even cleaned up after the repair. My ceiling leak is gone! Truly professional and reliable.",          imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571925.jpg",          imageAlt: "Cik Siti"},
-          name: "Cik Siti",
-          handle: "@siti_homecare",
-          testimonial: "Neat and tidy work, they even cleaned up after the repair. My ceiling leak is gone! Truly professional and reliable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571925.jpg",
-          imageAlt: "Cik Siti",
-        },
       ]}
       title="What Our Customers Say"
       description="Hear directly from our satisfied clients about their experience with TA Baiki Bumbung. Your trust is our priority."
@@ -263,48 +156,38 @@ export default function LandingPage() {
   </div>
 
   <div id="metric" data-section="metric">
-      <MetricCardOne
+      <MetricCardFourteen
-      animationType="slide-up"
+      metricsAnimation="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       title="Why Choose TA Baiki Bumbung?"
-      description="Our commitment to quality, speed, and customer satisfaction sets us apart as Selangor & KL's trusted roofing specialists."
+      tag="Our Achievements"
       metrics={[
         {
-          id: "1",
+          id: "1",          value: "11+",          description: "Years of Experience"},
-          value: "11+",
-          title: "Years of Experience",
-          description: "A decade of expertise ensuring reliable roof repairs.",
-          icon: Award,
-        },
         {
-          id: "2",
+          id: "2",          value: "5.0",          description: "Customer Satisfaction"},
-          value: "5.0",
-          title: "Customer Satisfaction",
-          description: "Top-rated service with a perfect 5-star Google review average.",
-          icon: Star,
-        },
         {
-          id: "3",
+          id: "3",          value: "24/7",          description: "Rapid Response"},
-          value: "24/7",
-          title: "Rapid Response",
-          description: "Always ready for emergency roof repairs, day or night.",
-          icon: Clock,
-        },
         {
-          id: "4",
+          id: "4",          value: "10+",          description: "Peace of mind with extensive warranties on our work."},
-          value: "10+",
-          title: "Years Warranty",
-          description: "Peace of mind with extensive warranties on our work.",
-        },
       ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
       useInvertedBackground={false}
+      title="Frequently Asked Questions"
+      description="Find answers to common questions about our roofing services."
+      faqsAnimation="slide-up"
+      faqs={[
+        {
+          id: "1",          title: "What types of roof repairs do you handle?",          content: "We handle all types of roof repairs including leak detection, tile replacement, metal deck repairs, and waterproofing for residential and commercial properties."},
+        {
+          id: "2",          title: "How quickly can you respond to an emergency?",          content: "Our team offers 24/7 rapid response for emergency roof repairs to prevent further damage to your property. We aim to be on-site as quickly as possible."},
+        {
+          id: "3",          title: "Do you offer free inspections?",          content: "Yes, we provide free, no-obligation roof inspections to assess the condition of your roof and offer a detailed quotation for any necessary repairs or replacements."},
+      ]}
     />
   </div>
 
@@ -312,13 +195,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="TA Baiki Bumbung"
       leftLink={{
-        text: "Privacy Policy",
+        text: "Privacy Policy",        href: "/privacy"}}
-        href: "/privacy",
-      }}
       rightLink={{
-        text: "Terms of Service",
+        text: "Terms of Service",        href: "/terms"}}
-        href: "/terms",
-      }}
     />
   </div>
       </ReactLenis>