Update src/app/page.tsx

Merge version_74 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, Ruler, Factory, Fence, Triangle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -50,24 +50,29 @@ 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: "Expert Craftsmanship", tags: ["Quality", "Reliability"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394368506-b98fzk11.jpg?_wi=1" },
+          { id: "2", title: "Local Roots", tags: ["Gadsden", "Community"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394368506-b98fzk11.jpg?_wi=2" },
+          { id: "3", title: "Full Service", tags: ["Insurance", "Repair"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394368506-b98fzk11.jpg?_wi=3" }
+        ]}
+      />
   </div>
 
   <div id="services-list" data-section="services-list">
@@ -77,17 +82,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 +155,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,
         },
         {