Update src/app/page.tsx

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -32,26 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "home" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "home",
+        { name: "Services", id: "features" },
-        },
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "FAQ", id: "faq" },
-          name: "About",
+        { name: "Contact", id: "contact" },
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Peak Builders"
     />
@@ -59,63 +45,11 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroBillboard
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Reliable Roofing & Construction in San Diego"
       description="Peak Builders provides expert roofing installation, repairs, and general construction services for residential properties throughout Southern California."
-      buttons={[
+      buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
-        {
-          text: "Get a Free Estimate",
-          href: "#contact",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/construction-site_1112-938.jpg",
-          alt: "construction site",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-view-construction-site-against-blue-sky_23-2148139978.jpg",
-          alt: "Low angle view of construction site against blue sky",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/construction-site-with-cranes-against-blue-sky_1127-2304.jpg",
-          alt: "Construction site with cranes against blue sky",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/construction-site-silhouette-sky-city-material_1127-2350.jpg",
-          alt: "construction site silhouette sky city material",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-project-drill_23-2148752005.jpg",
-          alt: "Medium shot men with project and drill",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "19+ Years Experience",
-        },
-        {
-          type: "text",
-          text: "Quality Guaranteed",
-        },
-        {
-          type: "text",
-          text: "San Diego Trusted",
-        },
-        {
-          type: "text",
-          text: "Residential Specialists",
-        },
-      ]}
     />
   </div>
 
@@ -128,7 +62,6 @@ export default function LandingPage() {
       subdescription="Customer satisfaction and structural integrity are the cornerstones of our business."
       icon={Shield}
       imageSrc="http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-505.jpg"
-      mediaAnimation="blur-reveal"
     />
   </div>
 
@@ -137,24 +70,8 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      negativeCard={{
+      negativeCard={{ items: ["Limited DIY solutions", "Poor quality materials", "Delayed project timelines", "Hidden service fees", "Unlicensed contractors"] }}
-        items: [
+      positiveCard={{ items: ["Certified contractor team", "Premium grade materials", "On-time project delivery", "Comprehensive warranties", "Transparent pricing"] }}
-          "Limited DIY solutions",
-          "Poor quality materials",
-          "Delayed project timelines",
-          "Hidden service fees",
-          "Unlicensed contractors",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Certified contractor team",
-          "Premium grade materials",
-          "On-time project delivery",
-          "Comprehensive warranties",
-          "Transparent pricing",
-        ],
-      }}
       title="Why Choose Peak Builders"
       description="We offer superior craftsmanship and unmatched reliability for every home project."
     />
@@ -167,21 +84,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "1500+", description: "Roof Replacements Completed" },
-          id: "m1",
+        { id: "m2", value: "98%", description: "Customer Satisfaction Score" },
-          value: "1500+",
+        { id: "m3", value: "19", description: "Years of Local Experience" },
-          description: "Roof Replacements Completed",
-        },
-        {
-          id: "m2",
-          value: "98%",
-          description: "Customer Satisfaction Score",
-        },
-        {
-          id: "m3",
-          value: "19",
-          description: "Years of Local Experience",
-        },
       ]}
       title="Our Track Record"
       description="Proven performance for San Diego homeowners."
@@ -195,42 +100,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Asphalt Shingles", price: "From $5/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2531.jpg" },
-          id: "p1",
+        { id: "p2", name: "Metal Roofing", price: "From $12/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg" },
-          name: "Asphalt Shingles",
+        { id: "p3", name: "Clay Tile", price: "From $15/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2593.jpg" },
-          price: "From $5/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2531.jpg",
-        },
-        {
-          id: "p2",
-          name: "Metal Roofing",
-          price: "From $12/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg",
-        },
-        {
-          id: "p3",
-          name: "Clay Tile",
-          price: "From $15/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2593.jpg",
-        },
-        {
-          id: "p4",
-          name: "Attic Insulation",
-          price: "From $3/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg",
-        },
-        {
-          id: "p5",
-          name: "Gutter Systems",
-          price: "From $8/ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg",
-        },
-        {
-          id: "p6",
-          name: "Roof Venting",
-          price: "From $150/unit",
-          imageSrc: "http://img.b2bpic.net/free-photo/windmill-witch-rooftop-with-blue-sky_1428-577.jpg",
-        },
       ]}
       title="Quality Materials Offered"
       description="Top-tier roofing materials for long-lasting performance."
@@ -243,41 +115,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "John Smith", role: "Homeowner", testimonial: "Excellent service and prompt delivery.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg" },
-          id: "1",
+        { id: "2", name: "Mary Davis", role: "Property Manager", testimonial: "Very professional and detailed work.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-helmet_23-2148766927.jpg" },
-          name: "John Smith",
-          role: "Homeowner",
-          testimonial: "Excellent service and prompt delivery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
-        },
-        {
-          id: "2",
-          name: "Mary Davis",
-          role: "Property Manager",
-          testimonial: "Very professional and detailed work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-helmet_23-2148766927.jpg",
-        },
-        {
-          id: "3",
-          name: "Mike Johnson",
-          role: "Local Business Owner",
-          testimonial: "Highly recommended for roof repairs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-holding-coffee-cups_23-2148752019.jpg",
-        },
-        {
-          id: "4",
-          name: "Sarah Miller",
-          role: "Homeowner",
-          testimonial: "Great experience, will use them again.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-u-pon-couple-home-sharing-tender-moments_23-2149105982.jpg",
-        },
-        {
-          id: "5",
-          name: "Thomas Wilson",
-          role: "Homeowner",
-          testimonial: "Quality work and fair pricing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-equipment_23-2148752003.jpg",
-        },
       ]}
       title="What Our Clients Say"
       description="Honest reviews from San Diego residents."
@@ -285,90 +124,40 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Do you offer warranties?", content: "Yes, we provide 10-year warranties on all installations." },
-          id: "f1",
+        { id: "f2", title: "Are you fully licensed?", content: "Yes, our team is fully licensed and bonded in California." },
-          title: "Do you offer warranties?",
+        { id: "f3", title: "How long do roof replacements take?", content: "Most residential replacements take 3-5 days depending on size." },
-          content: "Yes, we provide 10-year warranties on all installations.",
+        { id: "f4", title: "Do you provide free quotes?", content: "Yes, we offer free, no-obligation estimates for all projects." },
-        },
-        {
-          id: "f2",
-          title: "Are you fully licensed?",
-          content: "Yes, our team is fully licensed and bonded in California.",
-        },
-        {
-          id: "f3",
-          title: "How long do roof replacements take?",
-          content: "Most residential replacements take 3-5 days depending on size.",
-        },
-        {
-          id: "f4",
-          title: "Do you provide free quotes?",
-          content: "Yes, we offer free, no-obligation estimates for all projects.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Common questions about our building services."
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/construction-site_1112-938.jpg"
+      textboxLayout="split"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCenter
-      useInvertedBackground={true}
+      tag="Contact Us"
-      background={{
+      title="Ready to start your project?"
-        variant: "gradient-bars",
+      description="Get in touch with our expert team today."
-      }}
+      background={{ variant: "gradient-bars" }}
-      text="Ready to start your home renovation? Contact Peak Builders today for a professional consultation."
+      useInvertedBackground={false}
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "#contact",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseCard
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
       logoText="Peak Builders"
+      columns={[
+        { title: "Services", items: [{ label: "Roofing", href: "#" }, { label: "Construction", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>