Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Services",
-          id: "#features",
-        },
+          name: "Services",          id: "#features"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Coastal Roofing"
     />
@@ -55,35 +47,21 @@ export default function LandingPage() {
       description="Excellence in Roofing for North Port's Finest Homes. Reliable, Fast, and Professional Craftsmanship."
       buttons={[
         {
-          text: "Get a Free Estimate",
-          href: "#contact",
-        },
+          text: "Get a Free Estimate",          href: "#contact"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=1",
-          imageAlt: "Coastal Roofing Project",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/tiled-roof-against-blue-sky-with-clouds-idea-background-with-space-text-ecofriendly-traditional-roofs-home_166373-3104.jpg?_wi=1",          imageAlt: "Professional Roofing Work"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=2",
-          imageAlt: "Quality Roof Installation",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=2",          imageAlt: "Quality Roof Installation"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=3",
-          imageAlt: "Durable Roofing Solutions",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=3",          imageAlt: "Durable Roofing Solutions"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=4",
-          imageAlt: "Professional Service",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=4",          imageAlt: "Professional Service"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=5",
-          imageAlt: "Reliable Results",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=5",          imageAlt: "Reliable Results"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=6",
-          imageAlt: "Coastal Roofing Craftsmanship",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/beach-summer-concept-with-happy-woman_23-2147813488.jpg?_wi=6",          imageAlt: "Coastal Roofing Craftsmanship"},
       ]}
     />
   </div>
@@ -95,17 +73,11 @@ export default function LandingPage() {
       description="At Coastal Roofing, we understand that your roof is your first line of defense against the elements. Based in North Port, we provide timely, professional, and carefully executed roofing solutions tailored to your specific needs."
       metrics={[
         {
-          value: "15+",
-          title: "Years Experience",
-        },
+          value: "15+",          title: "Years Experience"},
         {
-          value: "500+",
-          title: "Roofs Replaced",
-        },
+          value: "500+",          title: "Roofs Replaced"},
         {
-          value: "100%",
-          title: "Customer Satisfaction",
-        },
+          value: "100%",          title: "Customer Satisfaction"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/workers-hard-hats-examining-water-bottle-outdoors_23-2152006647.jpg"
       imageAlt="Our Professional Roofing Crew"
@@ -122,23 +94,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          title: "Fast, Quality Repairs",
-          description: "We pride ourselves on speed and efficiency without compromising quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tiled-roof-against-blue-sky-with-clouds-idea-background-with-space-text-ecofriendly-traditional-roofs-home_166373-3104.jpg",
-        },
+          id: "1",          title: "Fast, Quality Repairs",          description: "We pride ourselves on speed and efficiency without compromising quality.",          imageSrc: "http://img.b2bpic.net/free-photo/tiled-roof-against-blue-sky-with-clouds-idea-background-with-space-text-ecofriendly-traditional-roofs-home_166373-3104.jpg?_wi=2"},
         {
-          id: "2",
-          title: "Transparent Pricing",
-          description: "Fair, honest, and timely estimates every time you call.",
-          imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg",
-        },
+          id: "2",          title: "Transparent Pricing",          description: "Fair, honest, and timely estimates every time you call.",          imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"},
         {
-          id: "3",
-          title: "Remote Communication",
-          description: "Seamless project management even when you're out of state.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-houses-near-ocean-captured-camague-france_181624-18766.jpg",
-        },
+          id: "3",          title: "Remote Communication",          description: "Seamless project management even when you're out of state.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-houses-near-ocean-captured-camague-france_181624-18766.jpg"},
       ]}
       title="Why Choose Coastal Roofing?"
       description="We blend precision engineering with dedicated customer care."
@@ -151,45 +111,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          title: "Professionalism",
-          quote: "Sam and his crew replaced the roof on my rental property without any issues. Communicated perfectly remotely.",
-          name: "Boris Latkovic",
-          role: "Property Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-girl-laying-sofa-living-room-reading-magazine_176420-42537.jpg",
-        },
+          id: "1",          title: "Professionalism",          quote: "Sam and his crew replaced the roof on my rental property without any issues. Communicated perfectly remotely.",          name: "Boris Latkovic",          role: "Property Owner",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-girl-laying-sofa-living-room-reading-magazine_176420-42537.jpg"},
         {
-          id: "2",
-          title: "Fast Service",
-          quote: "Overall very good quality work and fast service provided. Estimates were completed timely and fair.",
-          name: "Peter Vlasov",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
-        },
+          id: "2",          title: "Fast Service",          quote: "Overall very good quality work and fast service provided. Estimates were completed timely and fair.",          name: "Peter Vlasov",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg"},
         {
-          id: "3",
-          title: "Reliable Team",
-          quote: "A professional, absolutely reliable specialist company. We recommend this company anytime.",
-          name: "S.-C.D",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-happy-couple-medium-shot_23-2148962415.jpg",
-        },
+          id: "3",          title: "Reliable Team",          quote: "A professional, absolutely reliable specialist company. We recommend this company anytime.",          name: "S.-C.D",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/senior-happy-couple-medium-shot_23-2148962415.jpg"},
         {
-          id: "4",
-          title: "Excellent Quality",
-          quote: "Everything was communicated timely and the repair work was done within a couple of days.",
-          name: "Recent Client",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335831.jpg?_wi=1",
-        },
+          id: "4",          title: "Excellent Quality",          quote: "Everything was communicated timely and the repair work was done within a couple of days.",          name: "Recent Client",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335831.jpg?_wi=1"},
         {
-          id: "5",
-          title: "Great Experience",
-          quote: "The entire process was stress-free and handled with extreme professionalism.",
-          name: "Linda M.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335831.jpg?_wi=2",
-        },
+          id: "5",          title: "Great Experience",          quote: "The entire process was stress-free and handled with extreme professionalism.",          name: "Linda M.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335831.jpg?_wi=2"},
       ]}
       title="Trusted by Homeowners"
       description="Hear what our clients have to say about their experience."
@@ -200,16 +130,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Contact Us"
       title="Ready to Secure Your Home?"
       description="Call Coastal Roofing today for your free, fair, and professional roof estimate in North Port, FL."
       buttons={[
         {
-          text: "Contact Now",
-          href: "tel:+19410000000",
-        },
+          text: "Contact Now",          href: "tel:+19410000000"},
       ]}
     />
   </div>
@@ -218,42 +145,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Roof Repairs",
-              href: "#features",
-            },
+              label: "Roof Repairs",              href: "#features"},
             {
-              label: "Installations",
-              href: "#features",
-            },
+              label: "Installations",              href: "#features"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
@@ -264,4 +176,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcfcfc;
-  --card: #ffffff;
-  --foreground: #0a192f;
-  --primary-cta: #0056b3;
+  --background: #fbfbfb;
+  --card: #f2f2f2;
+  --foreground: #1a1a1a;
+  --primary-cta: #0a2540;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f0f4f8;
+  --secondary-cta: #e5e7eb;
   --secondary-cta-text: #0a192f;
-  --accent: #d1d5db;
-  --background-accent: #e5e7eb;
+  --accent: #c19a6b;
+  --background-accent: #e8e1d5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);