Update src/app/page.tsx

Merge version_75 into main

src/app/page.tsx

@@ -5,11 +5,11 @@ import ReactLenis from "lenis/react";
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 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, Hammer, PaintBucket, Ruler, Factory } from "lucide-react";
+import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star, Hammer, PaintBucket, Factory, Fence } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -50,24 +50,32 @@ export default function LandingPage() {
         { text: "Schedule a Free Roof Inspection", href: "/contact" },
       ]}
       carouselItems={[
-        { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394274812-pl7r83r5.jpg", imageAlt: "Luxury roof installation Gadsden" },
-        { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777404160932-gszs987d.jpg", imageAlt: "Roof replacement project Alabama" },
-        { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394178981-9kz2lm30.jpg", imageAlt: "Premium roofing detail gold finish" },
-        { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394430092-752efr3h.jpg", imageAlt: "Roofing construction expert site" },
-        { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394178981-vh0jky2e.jpg", imageAlt: "Modern luxury residential roof" },
-        { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394101196-b4b5rney.jpg", imageAlt: "Arch Roofing project showcase" },
+        { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-752efr3h.jpg", imageAlt: "Luxury roof installation Gadsden" },
+        { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777404160932-4mevcqkx.jpg", imageAlt: "Roof replacement project Alabama" },
+        { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-b4b5rney.jpg", imageAlt: "Premium roofing detail gold finish" },
+        { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777404160932-gszs987d.jpg", imageAlt: "Roofing construction expert site" },
+        { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394274812-pl7r83r5.jpg", imageAlt: "Modern luxury residential roof" },
+        { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1778597087743-k8wpi7zz.jpg", imageAlt: "Arch Roofing project showcase" },
       ]}
     />
   </div>
 
   <div id="about-home" data-section="about-home">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Trusted Roofing Expert for Northern Alabama"
-      description="Proudly serving Etowah and Calhoun counties. We ensure your residential and commercial properties remain secure and sophisticated for years to come."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394368506-b98fzk11.jpg"
-      imageAlt="Professional roof inspection team"
-    />
+      <FeatureCardTwentyThree
+        animationType="blur-reveal"
+        textboxLayout="split"
+        useInvertedBackground={false}
+        title="Why Choose Arch Roofing Systems"
+        description="We are dedicated to providing the highest quality roofing solutions in Northern Alabama, combining years of expertise with a commitment to customer satisfaction."
+        features={[
+          { id: "1", title: "Licensed & Insured", tags: ["Reliability", "Safety"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg?_wi=1" },
+          { id: "2", title: "A+ BBB Rating", tags: ["Excellence", "Trust"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg?_wi=2" },
+          { id: "3", title: "Financing Available", tags: ["Convenience"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg?_wi=3" },
+          { id: "4", title: "Fast Free Inspections", tags: ["Service", "Responsive"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg?_wi=4" },
+          { id: "5", title: "Local to NE Alabama", tags: ["Community"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg?_wi=5" },
+          { id: "6", title: "Industry Warranties", tags: ["Protection"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg?_wi=6" }
+        ]}
+      />
   </div>
 
   <div id="services-list" data-section="services-list">
@@ -77,17 +85,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Roofing & Exteriors", description: "Beyond residential roofing, we provide complete exterior services and professional commercial roofing solutions to protect your assets.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=1", imageAlt: "Roofing and exteriors" },
-          items: [{ icon: Factory, text: "Commercial Roofing Systems" }, { icon: Hammer, text: "Decks & Patios" }, { icon: PaintBucket, text: "Expert Siding Install" }],
+          title: "Roofing & Exteriors", description: "Beyond residential roofing, we provide complete exterior services and professional commercial roofing solutions to protect your assets.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg", imageAlt: "Roofing and exteriors" },
+          items: [{ icon: Factory, text: "Commercial Roofing Systems" }, { icon: Hammer, text: "Decks & Patios" }, { icon: PaintBucket, text: "Expert Siding Install" }, { icon: Fence, text: "Professional Fencing" }],
           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_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=1", imageAlt: "Storm damage repair" },
+          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", 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_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=1", imageAlt: "Routine inspection" },
+          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,
         },
@@ -150,4 +158,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/reviews/page.tsx

@@ -4,10 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 
-export default function LandingPage() {
+export default function ReviewsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -36,24 +35,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="reviews-list" data-section="reviews-list">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      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" },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
-
   <div id="testimonial" data-section="testimonial">
       <TestimonialCardTwo
       animationType="slide-up"
@@ -62,8 +43,11 @@ export default function LandingPage() {
       title="Client Stories"
       description="What our customers are saying about our Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties 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 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" },
+        { id: "t1", name: "Happy Homeowner", role: "Local Resident", testimonial: "Arch Roofing Systems did a fantastic job on our home. The process was smooth, professional, and the quality is outstanding.", imageSrc: "" },
+        { id: "t2", name: "Satisfied Client", role: "Commercial Property Owner", testimonial: "Highly recommended for commercial roofing. Very reliable and detail-oriented.", imageSrc: "" },
+        { id: "t3", name: "Local Business", role: "Business Owner", testimonial: "They handled our storm damage claim efficiently. Couldn't be happier with the outcome.", imageSrc: "" },
+        { id: "t4", name: "Homeowner", role: "Gadsden Resident", testimonial: "The team was punctual, clean, and extremely professional throughout the entire replacement.", imageSrc: "" },
+        { id: "t5", name: "Property Manager", role: "Alabama", testimonial: "Consistent communication and high quality work. Will definitely use them again for future projects.", imageSrc: "" }
       ]}
     />
   </div>
@@ -82,4 +66,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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, Hammer, PaintBucket, Ruler } from "lucide-react";
+import { CheckCircle, Shield, Star, Hammer, PaintBucket, Ruler, Fence } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -46,7 +46,7 @@ export default function LandingPage() {
       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" }],
+          items: [{ icon: Hammer, text: "Custom Decks" }, { icon: PaintBucket, text: "Premium Siding" }, { icon: Ruler, text: "Gutter Systems" }, { icon: Fence, text: "Professional Fencing" }],
           reverse: false,
         },
         {