Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,14 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqBase from '@/components/sections/faq/FaqBase';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TextAbout from '@/components/sections/about/TextAbout';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Award, Home, ListChecks, ShieldCheck, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,195 +26,83 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "/"},
+        { name: "About", id: "/about" },
-        {
+        { name: "Services", id: "/services" },
-          name: "About",          id: "/about"},
+        { name: "Contact", id: "/contact" },
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "Contact",          id: "/contact"},
       ]}
       brandName="All Stars Roofing Inc."
     />
   </div>
 
   <div id="hero-home" data-section="hero-home">
-      <HeroBillboardTestimonial
+      <HeroLogoBillboard
-      background={{
+      logoText="All Stars Roofing"
-        variant: "plain"}}
+      description="Premium roofing installation, repair, and exterior services for your home."
-      title="Five-Star Roofing, Without the Stress."
+      buttons={[{ text: "Get a Free Quote", href: "/contact" }, { text: "Our Services", href: "/services" }]}
-      description="From first call to final clean-up, All Stars Roofing Inc. delivers professional, organized, and reliable roofing services that homeowners rave about."
+      background={{ variant: "gradient-bars" }}
-      testimonials={[
+      mediaAnimation="slide-up"
-        {
-          name: "Sarah J.",          handle: "@homeowner",          testimonial: "Absolutely outstanding experience from start to finish!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg"},
-        {
-          name: "Michael C.",          handle: "@client",          testimonial: "They completed the roof and eavestroughs, couldn't be happier.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1403.jpg"},
-        {
-          name: "Emily R.",          handle: "@resident",          testimonial: "Called with a leak, they were on-site in under two hours.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-indoors_23-2150182559.jpg"},
-        {
-          name: "David K.",          handle: "@customer",          testimonial: "Professional, organized, and a pleasure to work with.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-work_23-2149721867.jpg"},
-        {
-          name: "Lisa M.",          handle: "@homeowner",          testimonial: "Highly recommended, excellent value and service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15654.jpg"},
-      ]}
-      buttons={[
-        {
-          text: "Get My Free Roofing Quote",          href: "/contact"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg"
-      imageAlt="All Stars Roofing crew working on a premium residential roof replacement."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg",          alt: "Satisfied client"},
-        {
-          src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",          alt: "Happy customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg",          alt: "Local resident"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",          alt: "Homeowner portrait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-woman-looking-camera-successful-mature-business-woman-happy-old-professor-standing-office-with-gray-hair_657921-1221.jpg",          alt: "Professional client"},
-      ]}
-      avatarText="Trusted by over 500+ happy local homeowners."
-      marqueeItems={[
-        {
-          type: "text-icon",          text: "Licensed & Insured",          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",          text: "24/7 Emergency Support",          icon: Zap,
-        },
-        {
-          type: "text-icon",          text: "10-Year Workmanship Warranty",          icon: Award,
-        },
-        {
-          type: "text-icon",          text: "Family Owned & Operated",          icon: Home,
-        },
-        {
-          type: "text-icon",          text: "Free Consultations",          icon: ListChecks,
-        },
-      ]}
     />
   </div>
 
   <div id="why-us" data-section="why-us">
-      <FeatureCardTwentyEight
+      <FeatureCardNine
+      showStepNumbers={true}
       animationType="slide-up"
-      textboxLayout="split"
+      textboxLayout="inline-image"
       useInvertedBackground={false}
+      title="Why Choose Us"
+      description="Top-tier roofing systems backed by expert craftsmanship and reliable support."
       features={[
         {
-          id: "1",          title: "Guided Process",          subtitle: "Quote to Clean-up",          category: "Care",          value: "Guided communication from first call to final inspection."},
+          title: "Rapid Roof Restoration",          description: "High-quality materials and precision installation for long-lasting protection.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg" },
-        {
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg" }
-          id: "2",          title: "Fast Response",          subtitle: "Emergency Service",          category: "Reliability",          value: "Urgent leaks or storm damage handled same-day."},
+        }
-        {
-          id: "3",          title: "Professional Crews",          subtitle: "Courteous Service",          category: "Workmanship",          value: "Polite, tidy crews who treat your home like their own."},
-        {
-          id: "4",          title: "Transparent Pricing",          subtitle: "No Surprises",          category: "Value",          value: "Detailed quotes with flexible payment options."},
       ]}
-      title="Why homeowners love All Stars"
-      description="Professional roofing services built on stability, transparency, and care."
     />
   </div>
 
   <div id="services-overview" data-section="services-overview">
-      <ProductCardOne
+      <ProductCardTwo
+      title="Our Core Services"
+      description="Protecting your most valuable investment with industry-leading roofing services."
+      gridVariant="three-columns-all-equal-width"
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "r1", brand: "All Stars", name: "Full Roof Replacement", price: "Get Quote", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg" },
-          id: "p1",          name: "Roof Replacement",          price: "Expert Installation",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",          imageAlt: "Roof replacement"},
+        { id: "r2", brand: "All Stars", name: "Emergency Repair", price: "Get Quote", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg" }
-        {
-          id: "p2",          name: "Emergency Repair",          price: "24/7 Response",          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",          imageAlt: "Emergency repair"},
-        {
-          id: "p3",          name: "Eavestroughs & Soffit",          price: "Total Protection",          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg",          imageAlt: "Exterior work"},
-        {
-          id: "p4",          name: "Attic Ventilation",          price: "Performance Upgrade",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",          imageAlt: "Ventilation"},
-        {
-          id: "p5",          name: "Insulation",          price: "Energy Efficiency",          imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg",          imageAlt: "Insulation"},
-        {
-          id: "p6",          name: "Fascia Work",          price: "Curb Appeal",          imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg",          imageAlt: "Fascia"},
       ]}
-      title="Featured Roofing Services"
-      description="High-quality replacements, urgent repairs, and complete exterior protection."
     />
   </div>
 
   <div id="process-home" data-section="process-home">
-      <InlineImageSplitTextAbout
+      <TextAbout
+      title="We believe your home should always be safe, dry, and beautiful."
+      buttons={[{ text: "Contact Our Expert Team", href: "/contact" }]}
       useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",          content: "How It Works"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/vertical-shot-park-with-concrete-buildings-roubaix-france_181624-13166.jpg",          alt: "How it works"},
-      ]}
-      buttons={[
-        {
-          text: "Schedule My Free Roof Assessment",          href: "/contact"},
-      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitText
-      textboxLayout="default"
+      sideTitle="Roofing FAQs"
-      useInvertedBackground={false}
+      sideDescription="Answers to your questions regarding roofing installation, materials, and maintenance."
-      title="Frequently Asked Questions"
-      description="Answers to common concerns about roofing maintenance and replacement."
       faqs={[
-        {
+        { id: "f1", title: "Do you offer free estimates?", content: "Yes, our team provides comprehensive, no-obligation quotes for all residential roofing projects." }
-          id: "q1",          title: "How long does a roof replacement take?",          content: "Most residential replacements are completed within 1 to 2 business days."},
-        {
-          id: "q2",          title: "Do you provide emergency repairs?",          content: "Yes, we prioritize emergency leak repairs to prevent structural damage."},
-        {
-          id: "q3",          title: "Is my estimate free?",          content: "We offer completely free, no-obligation quotes for all projects."},
-        {
-          id: "q4",          title: "Are you fully insured?",          content: "Yes, our team is fully licensed and carries comprehensive liability insurance."},
-        {
-          id: "q5",          title: "What payment options are available?",          content: "We accept major credit cards, bank transfers, and offer flexible financing plans."},
       ]}
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer-home" data-section="footer-home">
-      <FooterBase
+      <FooterBaseCard
-      columns={[
+      logoText="All Stars Roofing Inc."
-        {
+      columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }]}
-          title: "Company",          items: [
-            {
-              label: "About",              href: "/about"},
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Replacement",              href: "/services"},
-            {
-              label: "Repair",              href: "/services"},
-          ],
-        },
-        {
-          title: "Resources",          items: [
-            {
-              label: "Blog",              href: "/blog"},
-            {
-              label: "Reviews",              href: "/reviews"},
-          ],
-        },
-      ]}
-      logoText="All Stars Roofing"
     />
   </div>
       </ReactLenis>