Update src/app/page.tsx

Merge version_55 into main
2026-04-29 03:56:08 +00:00 · 2026-04-29 03:52:56 +00:00 · 2026-04-29 03:52:49 +00:00 · 2026-04-28 19:43:04 +00:00 · 2026-04-28 19:43:01 +00:00 · 2026-04-28 19:33:43 +00:00
6 changed files with 116 additions and 281 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -15,27 +15,22 @@ export default function LandingPage() {
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
-        background="aurora"
-        cardStyle="outline"
+        background="none"
+        cardStyle="solid"
        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Reviews",          id: "/reviews"},
-        {
-          name: "Contact",          id: "/contact"},
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "About", id: "/about" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
      ]}
      brandName="Arch Roofing Systems"
    />
@@ -45,7 +40,7 @@ export default function LandingPage() {
      <MediaAbout
      useInvertedBackground={false}
      title="Commitment to Roofing Excellence"
-      description="Arch Roofing Systems is built on a foundation of integrity and craftsmanship. We serve Gadsden families with high-quality roofs."
+      description="Arch Roofing Systems is built on a foundation of integrity and craftsmanship. We serve Gadsden families with high-quality roofs and exterior improvements."
      imageSrc="http://img.b2bpic.net/free-photo/men-wearing-varsity-jacket_23-2149562651.jpg"
    />
  </div>
@@ -59,10 +54,8 @@ export default function LandingPage() {
      title="Meet Our Team"
      description="The experts behind Arch Roofing Systems."
      members={[
-        {
-          id: "tm1",          name: "John Doe",          role: "Lead Architect",          imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg"},
-        {
-          id: "tm2",          name: "Sarah Smith",          role: "Project Manager",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg"},
+        { id: "tm1", name: "John Doe", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg" },
+        { id: "tm2", name: "Sarah Smith", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg" },
      ]}
    />
  </div>
@@ -70,34 +63,9 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Careers",              href: "#"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Roof Replacement",              href: "/services"},
-            {
-              label: "Inspections",              href: "/services"},
-            {
-              label: "Storm Damage",              href: "/services"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "Get Quote",              href: "/contact"},
-            {
-              label: "Support",              href: "/contact"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
+        { title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
+        { title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
      ]}
      bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
      bottomRightText="Lic. #123456"
@@ -106,4 +74,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -15,27 +15,22 @@ export default function LandingPage() {
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
-        background="aurora"
-        cardStyle="outline"
+        background="none"
+        cardStyle="solid"
        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Reviews",          id: "/reviews"},
-        {
-          name: "Contact",          id: "/contact"},
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "About", id: "/about" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
      ]}
      brandName="Arch Roofing Systems"
    />
@@ -44,11 +39,10 @@ export default function LandingPage() {
  <div id="contact-body" data-section="contact-body">
      <ContactSplit
      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static"}}
+      background={{ variant: "rotated-rays-static" }}
      tag="Let's Connect"
      title="Get Your Free Estimate"
-      description="Ready to upgrade your roof? Reach out for a free consultation and professional inspection in Gadsden today."
+      description="Ready to upgrade your roof or home exterior? Reach out for a free consultation and professional inspection in Gadsden today."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394224944-9beay18i.jpg"
      buttonText="Schedule Now"
      mediaAnimation="slide-up"
@@ -63,10 +57,8 @@ export default function LandingPage() {
      description="Find answers here before scheduling your consultation."
      faqsAnimation="slide-up"
      faqs={[
-        {
-          id: "ca1",          title: "What areas do you serve?",          content: "We primarily serve the Gadsden, AL area and surrounding communities."},
-        {
-          id: "ca2",          title: "How long does a replacement take?",          content: "Most residential replacements are completed within 2 to 3 days depending on roof size."},
+        { id: "ca1", title: "What areas do you serve?", content: "We primarily serve the Gadsden, AL area and surrounding communities." },
+        { id: "ca2", title: "How long does a project take?", content: "Most projects are completed efficiently depending on scope and scale." },
      ]}
    />
  </div>
@@ -74,34 +66,9 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Careers",              href: "#"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Roof Replacement",              href: "/services"},
-            {
-              label: "Inspections",              href: "/services"},
-            {
-              label: "Storm Damage",              href: "/services"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "Get Quote",              href: "/contact"},
-            {
-              label: "Support",              href: "/contact"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
+        { title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
+        { title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
      ]}
      bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
      bottomRightText="Lic. #123456"
@@ -110,4 +77,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star } from "lucide-react";
+import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star, Hammer, PaintBucket, Ruler, Home as House } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -17,18 +17,18 @@ export default function LandingPage() {
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
-        contentWidth="small"
+        contentWidth="medium"
        sizing="medium"
-        background="aurora"
-        cardStyle="outline"
+        background="none"
+        cardStyle="solid"
        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="semibold"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
      navItems={[
        { name: "Home", id: "/" },
        { name: "Services", id: "/services" },
@@ -51,7 +51,7 @@ export default function LandingPage() {
      ]}
      carouselItems={[
        { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394274812-pl7r83r5.jpg", imageAlt: "Luxury roof installation Gadsden" },
-        { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-fsgpwi6r.jpg", imageAlt: "Roof replacement project Alabama" },
+        { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777404160932-gszs987d.jpg", imageAlt: "Roof replacement project Alabama" },
        { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394178981-9kz2lm30.jpg", imageAlt: "Premium roofing detail gold finish" },
        { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-752efr3h.jpg", imageAlt: "Roofing construction expert site" },
        { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394178981-vh0jky2e.jpg", imageAlt: "Modern luxury residential roof" },
@@ -63,8 +63,8 @@ export default function LandingPage() {
  <div id="about-home" data-section="about-home">
      <MediaAbout
      useInvertedBackground={false}
-      title="Etowah and Calhoun county’s Trusted Roofing Expert"
-      description="We specialize in high-end roof replacement and storm damage assistance, ensuring your home remains secure and sophisticated for years to come."
+      title="Trusted Roofing Expert for Northern Alabama"
+      description="Proudly serving Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties. We ensure your home remains secure and sophisticated for years to come."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg"
      imageAlt="Professional roof inspection team"
    />
@@ -77,38 +77,23 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          title: "Roof Replacement",          description: "Full-scale roof replacements using premium materials designed for Alabama weather.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=1",            imageAlt: "Replacement project"},
-          items: [
-            { icon: CheckCircle, text: "Architectural Shingles" },
-            { icon: CheckCircle, text: "Metal Roofing Options" },
-            { icon: CheckCircle, text: "Lifetime Warranty" },
-          ],
+          title: "Roofing & Exteriors", description: "Beyond roofing, we provide complete exterior services to protect and enhance your home's curb appeal.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=1", imageAlt: "Roofing and exteriors" },
+          items: [{ icon: Hammer, text: "Decks & Patios" }, { icon: PaintBucket, text: "Expert Siding Install" }, { icon: Ruler, text: "Gutter Systems" }],
          reverse: false,
        },
        {
-          title: "Storm & Hail Damage",          description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=1",            imageAlt: "Storm damage repair"},
-          items: [
-            { icon: Shield, text: "Free Inspection" },
-            { icon: Shield, text: "Insurance Coordination" },
-            { icon: Shield, text: "Urgent Response" },
-          ],
+          title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=1", imageAlt: "Storm damage repair" },
+          items: [{ icon: Shield, text: "Free Inspection" }, { icon: Shield, text: "Insurance Coordination" }, { icon: Shield, text: "Urgent Response" }],
          reverse: true,
        },
        {
-          title: "Routine Inspection",          description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=1",            imageAlt: "Routine inspection"},
-          items: [
-            { icon: Star, text: "Detailed Reporting" },
-            { icon: Star, text: "Preventive Maintenance" },
-            { icon: Star, text: "Safety Checks" },
-          ],
+          title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=1", imageAlt: "Routine inspection" },
+          items: [{ icon: Star, text: "Detailed Reporting" }, { icon: Star, text: "Preventive Maintenance" }, { icon: Star, text: "Safety Checks" }],
          reverse: false,
        },
      ]}
-      title="Comprehensive Roofing Services"
-      description="From storm damage repair to custom roof replacement, we handle your Gadsden roofing needs with precision and care."
+      title="Comprehensive Home Services"
+      description="From storm damage repair to siding, decks, and custom roof replacement, we handle your home improvement needs with precision and care."
    />
  </div>

@@ -118,7 +103,7 @@ export default function LandingPage() {
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
-      title="Our Performance in Gadsden"
+      title="Our Performance in Gadsden and surrounding areas"
      description="Numbers that reflect our dedication to roofing excellence and customer satisfaction."
      metrics={[
        { id: "m1", value: "200+", title: "Roofs Completed", description: "Successful projects delivered across Alabama.", icon: Home },
@@ -138,13 +123,15 @@ export default function LandingPage() {
      description="Tailored solutions for your residential property needs."
      plans={[
        {
-          id: "p1",          title: "Essential Roof Maintenance",          price: "$299",          period: "/visit",          features: ["Gutter Inspection", "Shingle Assessment", "Leak Prevention Check"],
+          id: "p1", title: "Essential Roof Maintenance", price: "$299", period: "/visit", features: ["Gutter Inspection", "Shingle Assessment", "Leak Prevention Check"],
          button: { text: "Select Plan", href: "/contact" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394133019-yzbsb1be.jpg",          imageAlt: "Maintenance inspection"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394133019-yzbsb1be.jpg", imageAlt: "Maintenance inspection"
+        },
        {
-          id: "p2",          title: "Full Replacement Project",          price: "Custom",          period: "/quote",          features: ["Premium Materials", "Full Disposal & Cleanup", "Lifetime Warranty"],
+          id: "p2", title: "Full Replacement Project", price: "Custom", period: "/quote", features: ["Premium Materials", "Full Disposal & Cleanup", "Lifetime Warranty"],
          button: { text: "Get Quote", href: "/contact" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397720116-lceb06q1.jpg",          imageAlt: "Full roof project"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397720116-lceb06q1.jpg", imageAlt: "Full roof project"
+        },
      ]}
    />
  </div>
@@ -163,4 +150,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/reviews/page.tsx
+++ b/src/app/reviews/page.tsx
@@ -15,27 +15,22 @@ export default function LandingPage() {
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
-        background="aurora"
-        cardStyle="outline"
+        background="none"
+        cardStyle="solid"
        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Reviews",          id: "/reviews"},
-        {
-          name: "Contact",          id: "/contact"},
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "About", id: "/about" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
      ]}
      brandName="Arch Roofing Systems"
    />
@@ -44,20 +39,15 @@ export default function LandingPage() {
  <div id="reviews-list" data-section="reviews-list">
      <TestimonialCardFifteen
      useInvertedBackground={true}
-      testimonial="Arch Roofing provided an outstanding experience. Our roof replacement was fast, high-quality, and the team handled the insurance seamlessly."
+      testimonial="Arch Roofing provided an outstanding experience. Our roof and siding project was fast, high-quality, and the team handled the insurance seamlessly."
      rating={5}
      author="Sarah Johnson"
      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",          alt: "Sarah"},
-        {
-          src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",          alt: "Michael"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-girl-street_1157-4417.jpg",          alt: "Emily"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-thumb-up-shirt-vest-hat-looking-merry-front-view_176474-30660.jpg",          alt: "David"},
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-posing_23-2148610242.jpg",          alt: "Robert"},
+        { src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg", alt: "Sarah" },
+        { src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg", alt: "Michael" },
+        { src: "http://img.b2bpic.net/free-photo/beautiful-girl-street_1157-4417.jpg", alt: "Emily" },
+        { src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-thumb-up-shirt-vest-hat-looking-merry-front-view_176474-30660.jpg", alt: "David" },
+        { src: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-posing_23-2148610242.jpg", alt: "Robert" },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
@@ -72,10 +62,8 @@ export default function LandingPage() {
      title="Client Stories"
      description="What our customers are saying about our Gadsden services."
      testimonials={[
-        {
-          id: "t1",          name: "Mark V.",          role: "Homeowner",          testimonial: "Incredible service, handled my insurance perfectly.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
-        {
-          id: "t2",          name: "Lisa B.",          role: "Resident",          testimonial: "Fast, clean, and professional work.",          imageSrc: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg"},
+        { id: "t1", name: "Mark V.", role: "Homeowner", testimonial: "Incredible service, handled my insurance perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg" },
+        { id: "t2", name: "Lisa B.", role: "Resident", testimonial: "Fast, clean, and professional work on my roof and deck.", imageSrc: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg" },
      ]}
    />
  </div>
@@ -83,34 +71,9 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Careers",              href: "#"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Roof Replacement",              href: "/services"},
-            {
-              label: "Inspections",              href: "/services"},
-            {
-              label: "Storm Damage",              href: "/services"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "Get Quote",              href: "/contact"},
-            {
-              label: "Support",              href: "/contact"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
+        { title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
+        { title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
      ]}
      bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
      bottomRightText="Lic. #123456"
@@ -119,4 +82,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -7,7 +7,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import { CheckCircle, Shield, Star } from "lucide-react";
+import { CheckCircle, Shield, Star, Hammer, PaintBucket, Ruler } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -17,27 +17,22 @@ export default function LandingPage() {
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
-        background="aurora"
-        cardStyle="outline"
+        background="none"
+        cardStyle="solid"
        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Reviews",          id: "/reviews"},
-        {
-          name: "Contact",          id: "/contact"},
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "About", id: "/about" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
      ]}
      brandName="Arch Roofing Systems"
    />
@@ -50,38 +45,23 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          title: "Roof Replacement",          description: "Full-scale roof replacements using premium materials designed for Alabama weather.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=2",            imageAlt: "Replacement project"},
-          items: [
-            { icon: CheckCircle, text: "Architectural Shingles" },
-            { icon: CheckCircle, text: "Metal Roofing Options" },
-            { icon: CheckCircle, text: "Lifetime Warranty" },
-          ],
+          title: "Roofing & Exteriors", description: "Complete roofing, siding, deck installation, and exterior maintenance services for your home.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=2", imageAlt: "Exteriors project" },
+          items: [{ icon: Hammer, text: "Custom Decks" }, { icon: PaintBucket, text: "Premium Siding" }, { icon: Ruler, text: "Gutter Systems" }],
          reverse: false,
        },
        {
-          title: "Storm & Hail Damage",          description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=2",            imageAlt: "Storm damage repair"},
-          items: [
-            { icon: Shield, text: "Free Inspection" },
-            { icon: Shield, text: "Insurance Coordination" },
-            { icon: Shield, text: "Urgent Response" },
-          ],
+          title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=2", imageAlt: "Storm damage repair" },
+          items: [{ icon: Shield, text: "Free Inspection" }, { icon: Shield, text: "Insurance Coordination" }, { icon: Shield, text: "Urgent Response" }],
          reverse: true,
        },
        {
-          title: "Routine Inspection",          description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=2",            imageAlt: "Routine inspection"},
-          items: [
-            { icon: Star, text: "Detailed Reporting" },
-            { icon: Star, text: "Preventive Maintenance" },
-            { icon: Star, text: "Safety Checks" },
-          ],
+          title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=2", imageAlt: "Routine inspection" },
+          items: [{ icon: Star, text: "Detailed Reporting" }, { icon: Star, text: "Preventive Maintenance" }, { icon: Star, text: "Safety Checks" }],
          reverse: false,
        },
      ]}
-      title="Comprehensive Roofing Services"
-      description="From storm damage repair to custom roof replacement, we handle your Gadsden roofing needs with precision and care."
+      title="Comprehensive Home Services"
+      description="We handle your complete home exterior needs, from roof replacement to siding and deck installations, with precision and care."
    />
  </div>

@@ -90,17 +70,14 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
-        {
-          id: "q1",          title: "Do you provide free inspections?",          content: "Yes, we offer complimentary, thorough roof inspections throughout Gadsden and surrounding areas."},
-        {
-          id: "q2",          title: "How do I start an insurance claim?",          content: "Our experts guide you through the process, documenting storm damage and coordinating with insurance providers."},
-        {
-          id: "q3",          title: "What roofing types do you install?",          content: "We offer architectural shingle, high-end metal roofing, and specialty roofing solutions."},
+        { id: "q1", title: "Do you provide free inspections?", content: "Yes, we offer complimentary, thorough roof inspections throughout Gadsden and surrounding areas." },
+        { id: "q2", title: "How do I start an insurance claim?", content: "Our experts guide you through the process, documenting storm damage and coordinating with insurance providers." },
+        { id: "q3", title: "What roofing types do you install?", content: "We offer architectural shingle, high-end metal roofing, and specialty roofing solutions." },
      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752011.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777405331218-vs5rfkmi.jpg"
      mediaAnimation="slide-up"
      title="Common Questions"
-      description="Have questions about your Gadsden roofing project? We're here to help."
+      description="Have questions about your Gadsden project? We're here to help."
      faqsAnimation="blur-reveal"
    />
  </div>
@@ -113,10 +90,8 @@ export default function LandingPage() {
      description="Frequently asked questions regarding our service processes."
      faqsAnimation="blur-reveal"
      faqs={[
-        {
-          id: "sa1",          title: "Can you work during the rain?",          content: "For safety and quality assurance, we avoid working during heavy rain or storm conditions."},
-        {
-          id: "sa2",          title: "Are estimates free?",          content: "Yes, we provide 100% free, no-obligation estimates for all residential projects."},
+        { id: "sa1", title: "Can you work during the rain?", content: "For safety and quality assurance, we avoid working during heavy rain or storm conditions." },
+        { id: "sa2", title: "Are estimates free?", content: "Yes, we provide 100% free, no-obligation estimates for all residential projects." },
      ]}
    />
  </div>
@@ -124,34 +99,9 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Careers",              href: "#"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Roof Replacement",              href: "/services"},
-            {
-              label: "Inspections",              href: "/services"},
-            {
-              label: "Storm Damage",              href: "/services"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "Get Quote",              href: "/contact"},
-            {
-              label: "Support",              href: "/contact"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
+        { title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
+        { title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
      ]}
      bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
      bottomRightText="Lic. #123456"
@@ -160,4 +110,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
  --background-accent: #ffffff; */

  --background: #000000;
-  --card: #ffffff;
-  --foreground: #ffffff;
-  --primary-cta: #c5a059;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
  --primary-cta-text: #000000;
-  --secondary-cta: #bfbebe;
-  --secondary-cta-text: #000000;
-  --accent: #c5a059;
-  --background-accent: #000000;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #FFFFFF;
+  --accent: #b8860b;
+  --background-accent: #8b6914;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	662c7319df	Update src/app/page.tsx	2026-04-29 03:56:08 +00:00
bender	ef0229e58f	Merge version_55 into main Merge version_55 into main	2026-04-29 03:52:56 +00:00
bender	3e1c4d3dd3	Update src/app/page.tsx	2026-04-29 03:52:49 +00:00
bender	594d47cca7	Merge version_55 into main Merge version_55 into main	2026-04-28 19:43:04 +00:00
bender	e2bda980f2	Update src/app/services/page.tsx	2026-04-28 19:43:01 +00:00
bender	77b67dd2a0	Merge version_55 into main Merge version_55 into main	2026-04-28 19:33:43 +00:00
bender	af69438ac2	Update src/app/services/page.tsx	2026-04-28 19:33:39 +00:00
bender	8f77c7e37d	Update src/app/reviews/page.tsx	2026-04-28 19:33:39 +00:00
bender	acb75f3543	Update src/app/page.tsx	2026-04-28 19:33:38 +00:00
bender	f9032a4d34	Update src/app/contact/page.tsx	2026-04-28 19:33:37 +00:00
bender	064a7144ce	Update src/app/about/page.tsx	2026-04-28 19:33:36 +00:00
bender	30ed2447c3	Merge version_54 into main Merge version_54 into main	2026-04-28 19:25:52 +00:00
bender	ce8b69e532	Update src/app/page.tsx	2026-04-28 19:25:49 +00:00
bender	8640fa00b3	Merge version_54 into main Merge version_54 into main	2026-04-28 19:24:39 +00:00
bender	373d695cc8	Update src/app/page.tsx	2026-04-28 19:24:36 +00:00
bender	09400f3f84	Merge version_54 into main Merge version_54 into main	2026-04-28 19:14:01 +00:00
bender	8d7d18a7d3	Update src/app/services/page.tsx	2026-04-28 19:13:58 +00:00
bender	bfe923b477	Update src/app/reviews/page.tsx	2026-04-28 19:13:57 +00:00
bender	937fcc1175	Update src/app/page.tsx	2026-04-28 19:13:57 +00:00
bender	8ab99d4249	Update src/app/contact/page.tsx	2026-04-28 19:13:56 +00:00
bender	fe9a26c1d9	Update src/app/about/page.tsx	2026-04-28 19:13:56 +00:00
bender	43fef3e7af	Merge version_52 into main Merge version_52 into main	2026-04-28 19:03:02 +00:00
bender	c785bf7fa8	Update src/app/services/page.tsx	2026-04-28 19:02:58 +00:00
bender	0b2ade7f7a	Update src/app/reviews/page.tsx	2026-04-28 19:02:58 +00:00
bender	7b702b3a83	Update src/app/page.tsx	2026-04-28 19:02:57 +00:00
bender	75d5dd5ca1	Update src/app/contact/page.tsx	2026-04-28 19:02:56 +00:00
bender	abde74b83e	Update src/app/about/page.tsx	2026-04-28 19:02:55 +00:00
bender	8fa5657564	Merge version_51 into main Merge version_51 into main	2026-04-28 18:42:00 +00:00
bender	d4db4a335c	Update src/app/styles/variables.css	2026-04-28 18:41:57 +00:00
bender	9008dd7c47	Update src/app/services/page.tsx	2026-04-28 18:41:56 +00:00
bender	cc5e974031	Update src/app/reviews/page.tsx	2026-04-28 18:41:56 +00:00
bender	95010df9e0	Update src/app/page.tsx	2026-04-28 18:41:55 +00:00
bender	736e401bd5	Update src/app/contact/page.tsx	2026-04-28 18:41:55 +00:00
bender	ad555502ce	Update src/app/about/page.tsx	2026-04-28 18:41:54 +00:00
bender	a777759be7	Merge version_50 into main Merge version_50 into main	2026-04-28 18:37:58 +00:00
bender	b18be4d06d	Update src/app/styles/variables.css	2026-04-28 18:37:55 +00:00
bender	b85a37aaa8	Update src/app/page.tsx	2026-04-28 18:37:55 +00:00
bender	93e2e891b9	Merge version_49 into main Merge version_49 into main	2026-04-28 18:30:00 +00:00
bender	9a821fc3f4	Update src/app/page.tsx	2026-04-28 18:29:54 +00:00
bender	c3a50e7998	Merge version_48 into main Merge version_48 into main	2026-04-28 18:28:28 +00:00
bender	2d0d6b3823	Update src/app/styles/variables.css	2026-04-28 18:28:24 +00:00
bender	6a3f80851d	Update src/app/page.tsx	2026-04-28 18:28:23 +00:00
bender	8b03cbd833	Merge version_47 into main Merge version_47 into main	2026-04-28 18:27:39 +00:00
bender	44d8cef961	Update theme colors	2026-04-28 18:27:36 +00:00
bender	88ee9a4d5c	Merge version_46 into main Merge version_46 into main	2026-04-28 18:27:20 +00:00
bender	5d446dad05	Update theme colors	2026-04-28 18:27:16 +00:00
bender	ab7f028396	Merge version_45 into main Merge version_45 into main	2026-04-28 18:26:42 +00:00
bender	7b948cd6a0	Update theme colors	2026-04-28 18:26:39 +00:00
bender	f3a75bd136	Merge version_44 into main Merge version_44 into main	2026-04-28 18:26:22 +00:00
bender	b0998cc531	Update theme colors	2026-04-28 18:26:19 +00:00
bender	3c91b58519	Merge version_43 into main Merge version_43 into main	2026-04-28 18:26:11 +00:00
bender	95ae97425e	Update theme colors	2026-04-28 18:26:07 +00:00
bender	f912d0325c	Merge version_42 into main Merge version_42 into main	2026-04-28 18:25:37 +00:00
bender	e4e20ad6ee	Update theme colors	2026-04-28 18:25:31 +00:00
bender	6e031f3799	Merge version_41 into main Merge version_41 into main	2026-04-28 18:25:04 +00:00
bender	b3e235d11a	Update theme colors	2026-04-28 18:25:01 +00:00
bender	a67303b992	Merge version_40 into main Merge version_40 into main	2026-04-28 18:24:40 +00:00
bender	fde3d87d74	Update theme colors	2026-04-28 18:24:36 +00:00
bender	fbf8e430a6	Merge version_39 into main Merge version_39 into main	2026-04-28 18:24:26 +00:00
bender	d9ab0affb6	Update theme colors	2026-04-28 18:24:23 +00:00
bender	43013df3b6	Merge version_38 into main Merge version_38 into main	2026-04-28 18:24:04 +00:00
bender	9be5f0da76	Merge version_37 into main Merge version_37 into main	2026-04-28 18:19:06 +00:00
bender	c108a042e3	Merge version_36 into main Merge version_36 into main	2026-04-28 18:17:19 +00:00