Update src/app/page.tsx

Merge version_55 into main

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>
   );
-}
+}

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,12 +39,11 @@ 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."
-      imageSrc="http://img.b2bpic.net/free-photo/eyeglasses-paper-plan-table_23-2148039940.jpg"
+      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>
   );
-}
+}

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="Gadsden's Trusted Luxury 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: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",            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: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg",            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: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg",            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,11 +103,11 @@ 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: "500+", title: "Roofs Completed", description: "Successful projects delivered across Alabama.", icon: Home },
-        { id: "m2", value: "15+", title: "Years Experience", description: "Building trust through precision craftsmanship.", icon: Award },
+        { id: "m1", value: "200+", title: "Roofs Completed", description: "Successful projects delivered across Alabama.", icon: Home },
+        { id: "m2", value: "5+ ", title: "Years Experience", description: "Building trust through precision craftsmanship.", icon: Award },
         { id: "m3", value: "100%", title: "Insured/Bonded", description: "Safety and reliability guaranteed on every site.", icon: ShieldCheck },
         { id: "m4", value: "24/7", title: "Emergency Help", description: "Ready to respond to urgent storm damage.", icon: Clock },
       ]}
@@ -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: "http://img.b2bpic.net/free-photo/traditional-ceramic-roof-tiles-government-building-dijon-burgundy-france_1101-2625.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: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666437.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>
   );
-}
+}

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>
   );
-}
+}

src/app/services/page.tsx

@@ -6,6 +6,8 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 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, Hammer, PaintBucket, Ruler } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -15,48 +17,67 @@ 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"
     />
   </div>
 
+  <div id="services-list" data-section="services-list">
+      <FeatureCardTen
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
+      features={[
+        {
+          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" }],
+          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" }],
+          reverse: false,
+        },
+      ]}
+      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>
+
   <div id="faq-body" data-section="faq-body">
       <FaqSplitMedia
       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>
@@ -69,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>
@@ -80,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"
@@ -116,4 +110,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #000000;
-  --foreground: #1c1c1c;
-  --primary-cta: #c5a059;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f4f4f4;
-  --secondary-cta-text: #090909;
-  --accent: #c5a059;
-  --background-accent: #000000;
+  --background: #000000;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
+  --primary-cta-text: #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);