Merge version_7 into main

Merge version_7 into main

src/app/page.tsx

@@ -30,29 +30,17 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "home",
-        },
+          name: "Home",          id: "home"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="All Seasons Roofing"
     />
@@ -61,45 +49,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "downward-rays-static-grid",
-      }}
+        variant: "downward-rays-static-grid"}}
       title="All Seasons Roofing: Your Trusted Roofing Partner in Flagstaff, AZ"
       description="Delivering beautiful, durable roofs with experienced professionals. We stand by our quality, ensuring peace of mind for every season."
       buttons={[
         {
-          text: "Get a Free Estimate",
-          href: "#contact",
-        },
+          text: "Get a Free Estimate",          href: "#contact"},
         {
-          text: "Explore Our Services",
-          href: "#services",
-        },
+          text: "Explore Our Services",          href: "#services"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg",
-          imageAlt: "Modern house with a new grey roof",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg",          imageAlt: "Modern house with a new grey roof"},
         {
-          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: "Roofer working on a residential house",
-        },
+          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: "Roofer working on a residential house"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-large-building-resembling-castle_181624-23006.jpg",
-          imageAlt: "Beautiful home with a red tile roof",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-large-building-resembling-castle_181624-23006.jpg",          imageAlt: "Beautiful home with a red tile roof"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-young-student-outdoors-holding-yellow-leaves_1163-2528.jpg",
-          imageAlt: "Flagstaff Arizona landscape with houses and new roofs",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/female-young-student-outdoors-holding-yellow-leaves_1163-2528.jpg",          imageAlt: "Flagstaff Arizona landscape with houses and new roofs"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=1",
-          imageAlt: "Commercial building with a flat roof",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=1",          imageAlt: "Commercial building with a flat roof"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg",
-          imageAlt: "Close-up of a storm damaged roof being repaired",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg",          imageAlt: "Close-up of a storm damaged roof being repaired"},
       ]}
     />
   </div>
@@ -121,32 +92,16 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          title: "New Roof Installation",
-          description: "Durable, weather-resistant roofs for new constructions and complete replacements, tailored to your home's style and needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=2",
-          imageAlt: "Worker installing new asphalt shingles on a roof",
-        },
+          title: "New Roof Installation",          description: "Durable, weather-resistant roofs for new constructions and complete replacements, tailored to your home's style and needs.",          imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=2",          imageAlt: "Worker installing new asphalt shingles on a roof"},
         {
           id: 2,
-          title: "Roof Repair & Maintenance",
-          description: "Expert diagnosis and efficient repair of leaks, storm damage, and general wear and tear to extend your roof's lifespan.",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg",
-          imageAlt: "Roofer fixing a damaged shingle on a residential roof",
-        },
+          title: "Roof Repair & Maintenance",          description: "Expert diagnosis and efficient repair of leaks, storm damage, and general wear and tear to extend your roof's lifespan.",          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg",          imageAlt: "Roofer fixing a damaged shingle on a residential roof"},
         {
           id: 3,
-          title: "Damaged Wood Replacement",
-          description: "Thorough inspection and replacement of damaged underlying wood (sheathing, fascia, soffit) to ensure structural integrity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-view-construction-house_23-2148748812.jpg",
-          imageAlt: "Carpenter replacing damaged wood on a roof structure",
-        },
+          title: "Damaged Wood Replacement",          description: "Thorough inspection and replacement of damaged underlying wood (sheathing, fascia, soffit) to ensure structural integrity.",          imageSrc: "http://img.b2bpic.net/free-photo/low-view-construction-house_23-2148748812.jpg",          imageAlt: "Carpenter replacing damaged wood on a roof structure"},
         {
           id: 4,
-          title: "Residential & Commercial",
-          description: "Providing top-quality roofing services for both residential homes and commercial properties, ensuring tailored solutions for every client.",
-          imageSrc: "http://img.b2bpic.net/free-vector/housing-collection_23-2147913604.jpg",
-          imageAlt: "Residential and commercial buildings with different roofing",
-        },
+          title: "Residential & Commercial",          description: "Providing top-quality roofing services for both residential homes and commercial properties, ensuring tailored solutions for every client.",          imageSrc: "http://img.b2bpic.net/free-vector/housing-collection_23-2147913604.jpg",          imageAlt: "Residential and commercial buildings with different roofing"},
       ]}
       title="Comprehensive Roofing Solutions"
       description="From new installations to essential repairs, we cover all your roofing needs with precision and care."
@@ -160,37 +115,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          role: "Homeowner, Flagstaff",
-          testimonial: "All Seasons Roofing did a beautiful job on our new roof. The team was professional, efficient, and left everything spotless. Highly recommend!",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
-          imageAlt: "Portrait of Sarah J.",
-        },
+          id: "1",          name: "Sarah J.",          role: "Homeowner, Flagstaff",          testimonial: "All Seasons Roofing did a beautiful job on our new roof. The team was professional, efficient, and left everything spotless. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",          imageAlt: "Portrait of Sarah J."},
         {
-          id: "2",
-          name: "Mark D.",
-          role: "Property Manager",
-          testimonial: "The best roofing company we've worked with in Flagstaff. Their expertise and attention to detail are unmatched, truly a great experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-14195.jpg",
-          imageAlt: "Portrait of Mark D.",
-        },
+          id: "2",          name: "Mark D.",          role: "Property Manager",          testimonial: "The best roofing company we've worked with in Flagstaff. Their expertise and attention to detail are unmatched, truly a great experience.",          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-14195.jpg",          imageAlt: "Portrait of Mark D."},
         {
-          id: "3",
-          name: "Emily R.",
-          role: "Small Business Owner",
-          testimonial: "Great to work with All Seasons Roofing. They handled our commercial property's roof repair quickly and professionally. Excellent communication throughout the process.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-professional-female-executive-wearing-red-jacket-while-sitting-outside-workplace_662251-2084.jpg",
-          imageAlt: "Portrait of Emily R.",
-        },
+          id: "3",          name: "Emily R.",          role: "Small Business Owner",          testimonial: "Great to work with All Seasons Roofing. They handled our commercial property's roof repair quickly and professionally. Excellent communication throughout the process.",          imageSrc: "http://img.b2bpic.net/free-photo/young-professional-female-executive-wearing-red-jacket-while-sitting-outside-workplace_662251-2084.jpg",          imageAlt: "Portrait of Emily R."},
         {
-          id: "4",
-          name: "David L.",
-          role: "Resident, Flagstaff",
-          testimonial: "Their experienced pros delivered a quality roof that we know will last. They truly care about their craft and their customers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-owner-with-document-medium-shot_23-2149434531.jpg",
-          imageAlt: "Portrait of David L.",
-        },
+          id: "4",          name: "David L.",          role: "Resident, Flagstaff",          testimonial: "Their experienced pros delivered a quality roof that we know will last. They truly care about their craft and their customers.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-owner-with-document-medium-shot_23-2149434531.jpg",          imageAlt: "Portrait of David L."},
       ]}
       title="What Our Customers Say"
       description="Hear from our happy clients about their experience with All Seasons Roofing, reflecting our commitment to excellence."
@@ -203,25 +134,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "How often should I inspect my roof?",
-          content: "We recommend a professional roof inspection at least once a year, ideally in the spring or fall, and especially after any major storms to catch potential issues early.",
-        },
+          id: "1",          title: "How often should I inspect my roof?",          content: "We recommend a professional roof inspection at least once a year, ideally in the spring or fall, and especially after any major storms to catch potential issues early."},
         {
-          id: "2",
-          title: "Do you offer free estimates?",
-          content: "Yes, All Seasons Roofing provides comprehensive and no-obligation free estimates for all our services. We'll assess your roofing needs and provide a detailed quote.",
-        },
+          id: "2",          title: "Do you offer free estimates?",          content: "Yes, All Seasons Roofing provides comprehensive and no-obligation free estimates for all our services. We'll assess your roofing needs and provide a detailed quote."},
         {
-          id: "3",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. All Seasons Roofing is fully licensed and insured in Flagstaff, AZ, ensuring peace of mind and protection for our clients and our team.",
-        },
+          id: "3",          title: "Are you licensed and insured?",          content: "Absolutely. All Seasons Roofing is fully licensed and insured in Flagstaff, AZ, ensuring peace of mind and protection for our clients and our team."},
         {
-          id: "4",
-          title: "Do you replace damaged wood under the roof?",
-          content: "Yes, during our roof inspection and replacement process, we thoroughly check for any damaged or rotten wood (sheathing, fascia, soffit) and replace it to ensure a strong, sound roof structure.",
-        },
+          id: "4",          title: "Do you replace damaged wood under the roof?",          content: "Yes, during our roof inspection and replacement process, we thoroughly check for any damaged or rotten wood (sheathing, fascia, soffit) and replace it to ensure a strong, sound roof structure."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-architect-holding-blueprints_23-2148269834.jpg"
       imageAlt="Roofer showing a roof plan blueprint to a client"
@@ -239,27 +158,16 @@ export default function LandingPage() {
       description="Ready for a beautiful, durable roof in Flagstaff, AZ? Contact us for a detailed consultation and no-obligation estimate."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
         },
         {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number (Optional)",
-        },
+          name: "phone",          type: "tel",          placeholder: "Your Phone Number (Optional)"},
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Tell us about your roofing needs...",
-        rows: 5,
+        name: "message",        placeholder: "Tell us about your roofing needs...",        rows: 5,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/empty-examination-cabinet-medical-checkup-facility_482257-30451.jpg"
       imageAlt="Modern office building exterior or reception area"
@@ -274,45 +182,29 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "#home",
-            },
+              label: "Home",              href: "#home"},
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
           ],
         },
         {
           items: [
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -322,4 +214,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #f5f5f5;
   --card: #ffffff;
   --foreground: #1c1c1c;
-  --primary-cta: #1f514c;
+  --primary-cta: #1f3251;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);