Merge version_1 into main

Merge version_1 into main

src/app/about/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -43,25 +42,13 @@ export default function AboutPage() {
           tag="Our Story"
           features={[
             {
-              id: "experience",
+              id: "experience",              title: "Years of Experience",              description: "Decades of combined experience in metal roofing and construction, specializing in standing seam installations.",              tag: "Experience",              imageSrc: "https://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg?_wi=3"
-              title: "Years of Experience",
-              description: "Decades of combined experience in metal roofing and construction, specializing in standing seam installations.",
-              tag: "Experience",
-              imageSrc: "https://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg?_wi=3"
             },
             {
-              id: "values",
+              id: "values",              title: "Our Core Values",              description: "Responsive communication, clean job sites, and premium workmanship on every project, regardless of size.",              tag: "Values",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-business-man-talking-phone-lounge_1262-3626.jpg?_wi=2"
-              title: "Our Core Values",
-              description: "Responsive communication, clean job sites, and premium workmanship on every project, regardless of size.",
-              tag: "Values",
-              imageSrc: "https://img.b2bpic.net/free-photo/smiling-business-man-talking-phone-lounge_1262-3626.jpg?_wi=2"
             },
             {
-              id: "community",
+              id: "community",              title: "Community Focused",              description: "Proudly serving homeowners and businesses in our local community with integrity and professionalism.",              tag: "Community",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-working-construction_23-2150772881.jpg?_wi=4"
-              title: "Community Focused",
-              description: "Proudly serving homeowners and businesses in our local community with integrity and professionalism.",
-              tag: "Community",
-              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-working-construction_23-2150772881.jpg?_wi=4"
             }
           ]}
           animationType="slide-up"
@@ -76,22 +63,16 @@ export default function AboutPage() {
           description="Numbers that reflect our commitment to quality, communication, and customer satisfaction."
           metrics={[
             {
-              id: "1",
+              id: "1",              icon: Users,
-              icon: Users,
+              title: "Happy Customers",              value: "200+"
-              title: "Happy Customers",
-              value: "200+"
             },
             {
-              id: "2",
+              id: "2",              icon: Award,
-              icon: Award,
+              title: "Years Experience",              value: "15+"
-              title: "Years Experience",
-              value: "15+"
             },
             {
-              id: "3",
+              id: "3",              icon: Clock,
-              icon: Clock,
+              title: "Projects Completed",              value: "500+"
-              title: "Projects Completed",
-              value: "500+"
             }
           ]}
           animationType="slide-up"
@@ -116,8 +97,7 @@ export default function AboutPage() {
       <FooterSimple
         columns={[
           {
-            title: "Navigate",
+            title: "Navigate",            items: [
-            items: [
               { label: "Home", href: "/" },
               { label: "Metal Roofing", href: "/metal-roofing" },
               { label: "Construction", href: "/construction" },
@@ -125,23 +105,20 @@ export default function AboutPage() {
             ]
           },
           {
-            title: "Company",
+            title: "Company",            items: [
-            items: [
               { label: "About Us", href: "/about" },
               { label: "Contact", href: "/contact" }
             ]
           },
           {
-            title: "Services",
+            title: "Services",            items: [
-            items: [
               { label: "Standing Seam Install", href: "/metal-roofing" },
               { label: "Repairs & Replacement", href: "/metal-roofing" },
               { label: "Custom Projects", href: "/construction" }
             ]
           },
           {
-            title: "Legal",
+            title: "Legal",            items: [
-            items: [
               { label: "Privacy Policy", href: "#" },
               { label: "Terms of Service", href: "#" }
             ]

src/app/construction/page.tsx

@@ -1,10 +1,8 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
@@ -42,25 +40,13 @@ export default function ConstructionPage() {
           tag="Construction Services"
           features={[
             {
-              id: "barns",
+              id: "barns",              title: "Barns & Agricultural Buildings",              description: "Complete barn construction, renovations, and metal siding installations.",              tag: "Agricultural",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-store-building-from-wood-stones-west-bloomfield-mi_181624-60264.jpg?_wi=1"
-              title: "Barns & Agricultural Buildings",
-              description: "Complete barn construction, renovations, and metal siding installations.",
-              tag: "Agricultural",
-              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-store-building-from-wood-stones-west-bloomfield-mi_181624-60264.jpg?_wi=1"
             },
             {
-              id: "garages",
+              id: "garages",              title: "Garages & Storage Buildings",              description: "Custom garage construction with premium finishes and durable materials.",              tag: "Residential",              imageSrc: "https://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg?_wi=2"
-              title: "Garages & Storage Buildings",
-              description: "Custom garage construction with premium finishes and durable materials.",
-              tag: "Residential",
-              imageSrc: "https://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg?_wi=2"
             },
             {
-              id: "exterior",
+              id: "exterior",              title: "Exterior Renovations",              description: "Siding, trim work, and exterior upgrades that complement your roof.",              tag: "Renovation",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-working-construction_23-2150772881.jpg?_wi=2"
-              title: "Exterior Renovations",
-              description: "Siding, trim work, and exterior upgrades that complement your roof.",
-              tag: "Renovation",
-              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-working-construction_23-2150772881.jpg?_wi=2"
             }
           ]}
           animationType="slide-up"
@@ -69,47 +55,6 @@ export default function ConstructionPage() {
         />
       </div>
 
-      <div id="construction-products" data-section="construction-products">
-        <ProductCardTwo
-          title="Construction Services Portfolio"
-          description="From small repairs to complete builds, we handle every construction project with precision."
-          products={[
-            {
-              id: "1",
-              brand: "Martinez",
-              name: "Custom Barn Construction",
-              price: "Custom Quote",
-              rating: 5,
-              reviewCount: "25+",
-              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-store-building-from-wood-stones-west-bloomfield-mi_181624-60264.jpg?_wi=2",
-              imageAlt: "Custom barn construction project"
-            },
-            {
-              id: "2",
-              brand: "Martinez",
-              name: "Garage & Storage Buildings",
-              price: "Custom Quote",
-              rating: 5,
-              reviewCount: "30+",
-              imageSrc: "https://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg?_wi=3"
-            },
-            {
-              id: "3",
-              brand: "Martinez",
-              name: "Exterior Renovations",
-              price: "Custom Quote",
-              rating: 5,
-              reviewCount: "35+",
-              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-working-construction_23-2150772881.jpg?_wi=3"
-            }
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="construction-cta" data-section="construction-cta">
         <ContactText
           text="Ready to start your construction project? Let's discuss your vision and create a plan that brings it to life."
@@ -126,8 +71,7 @@ export default function ConstructionPage() {
       <FooterSimple
         columns={[
           {
-            title: "Navigate",
+            title: "Navigate",            items: [
-            items: [
               { label: "Home", href: "/" },
               { label: "Metal Roofing", href: "/metal-roofing" },
               { label: "Construction", href: "/construction" },
@@ -135,23 +79,20 @@ export default function ConstructionPage() {
             ]
           },
           {
-            title: "Company",
+            title: "Company",            items: [
-            items: [
               { label: "About Us", href: "/about" },
               { label: "Contact", href: "/contact" }
             ]
           },
           {
-            title: "Services",
+            title: "Services",            items: [
-            items: [
               { label: "Standing Seam Install", href: "/metal-roofing" },
               { label: "Repairs & Replacement", href: "/metal-roofing" },
               { label: "Custom Projects", href: "/construction" }
             ]
           },
           {
-            title: "Legal",
+            title: "Legal",            items: [
-            items: [
               { label: "Privacy Policy", href: "#" },
               { label: "Terms of Service", href: "#" }
             ]

src/app/contact/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -54,25 +53,13 @@ export default function ContactPage() {
           tag="Get in Touch"
           features={[
             {
-              id: "phone",
+              id: "phone",              title: "Call or Text Joseph",              description: "Direct line for immediate response. Available during business hours and for urgent matters.",              tag: "Phone",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-business-man-talking-phone-lounge_1262-3626.jpg?_wi=3"
-              title: "Call or Text Joseph",
-              description: "Direct line for immediate response. Available during business hours and for urgent matters.",
-              tag: "Phone",
-              imageSrc: "https://img.b2bpic.net/free-photo/smiling-business-man-talking-phone-lounge_1262-3626.jpg?_wi=3"
             },
             {
-              id: "estimate",
+              id: "estimate",              title: "Free Estimate Request",              description: "Tell us about your project and we'll provide a detailed, no-obligation estimate.",              tag: "Estimate",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-hands-business-meeting_93675-132442.jpg?_wi=2"
-              title: "Free Estimate Request",
-              description: "Tell us about your project and we'll provide a detailed, no-obligation estimate.",
-              tag: "Estimate",
-              imageSrc: "https://img.b2bpic.net/free-photo/closeup-hands-business-meeting_93675-132442.jpg?_wi=2"
             },
             {
-              id: "consultation",
+              id: "consultation",              title: "On-Site Consultation",              description: "Schedule a visit to discuss your project in detail and explore all options.",              tag: "Visit",              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg?_wi=2"
-              title: "On-Site Consultation",
-              description: "Schedule a visit to discuss your project in detail and explore all options.",
-              tag: "Visit",
-              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg?_wi=2"
             }
           ]}
           animationType="slide-up"
@@ -97,8 +84,7 @@ export default function ContactPage() {
       <FooterSimple
         columns={[
           {
-            title: "Navigate",
+            title: "Navigate",            items: [
-            items: [
               { label: "Home", href: "/" },
               { label: "Metal Roofing", href: "/metal-roofing" },
               { label: "Construction", href: "/construction" },
@@ -106,23 +92,20 @@ export default function ContactPage() {
             ]
           },
           {
-            title: "Company",
+            title: "Company",            items: [
-            items: [
               { label: "About Us", href: "/about" },
               { label: "Contact", href: "/contact" }
             ]
           },
           {
-            title: "Services",
+            title: "Services",            items: [
-            items: [
               { label: "Standing Seam Install", href: "/metal-roofing" },
               { label: "Repairs & Replacement", href: "/metal-roofing" },
               { label: "Custom Projects", href: "/construction" }
             ]
           },
           {
-            title: "Legal",
+            title: "Legal",            items: [
-            items: [
               { label: "Privacy Policy", href: "#" },
               { label: "Terms of Service", href: "#" }
             ]

src/app/layout.tsx

@@ -3,32 +3,19 @@ import { Ubuntu } from "next/font/google";
 import "./globals.css";
 
 const ubuntu = Ubuntu({
-  variable: "--font-ubuntu",
+  variable: "--font-ubuntu",  subsets: ["latin"],
-  subsets: ["latin"],
   weight: ["300", "400", "500", "700"],
 });
 
 export const metadata: Metadata = {
-  title: "Premium Metal Roofing & Construction | Martinez",
+  title: "Premium Metal Roofing & Construction | Martinez",  description: "Expert standing seam metal roofing, repairs, and construction services. Fast communication, clean job sites, trusted by homeowners across the region.",  keywords: "metal roofing, standing seam, roof repair, construction, residential roofing, professional contractor",  openGraph: {
-  description: "Expert standing seam metal roofing, repairs, and construction services. Fast communication, clean job sites, trusted by homeowners across the region.",
+    title: "Premium Metal Roofing & Construction | Martinez",    description: "Expert standing seam metal roofing, repairs, and construction services with clear communication and clean finishes.",    type: "website",    siteName: "Martinez Metal Roofing",    images: [
-  keywords: "metal roofing, standing seam, roof repair, construction, residential roofing, professional contractor",
-  openGraph: {
-    title: "Premium Metal Roofing & Construction | Martinez",
-    description: "Expert standing seam metal roofing, repairs, and construction services with clear communication and clean finishes.",
-    type: "website",
-    siteName: "Martinez Metal Roofing",
-    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
+        url: "https://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",        alt: "Premium standing seam metal roofing installation"},
-        alt: "Premium standing seam metal roofing installation",
-      },
     ],
   },
   twitter: {
-    card: "summary_large_image",
+    card: "summary_large_image",    title: "Premium Metal Roofing & Construction",    description: "Standing seam specialists with responsive communication and premium finishes.",    images: ["https://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg"],
-    title: "Premium Metal Roofing & Construction",
-    description: "Standing seam specialists with responsive communication and premium finishes.",
-    images: ["https://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg"],
   },
   robots: {
     index: true,

src/app/metal-roofing/page.tsx

@@ -1,13 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Quote } from "lucide-react";
 
 export default function MetalRoofingPage() {
   return (
@@ -37,80 +34,21 @@ export default function MetalRoofingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <ProductCardTwo
+        <FeatureCardMedia
           title="Services Built Around Metal Roofing Excellence"
           description="Comprehensive solutions for every roofing and construction need."
-          products={[
+          tag="Our Services"
+          features={[
             {
-              id: "1",
+              id: "standing-seam",              title: "Standing Seam Metal Roofing",              description: "Premium metal roofing installations with precision craftsmanship and lasting quality.",              tag: "Installation",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=2"
-              brand: "Martinez",
-              name: "Standing Seam Metal Roofing",
-              price: "Custom Pricing",
-              rating: 5,
-              reviewCount: "50+",
-              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=2",
-              imageAlt: "Standing seam metal roofing installation"
             },
             {
-              id: "2",
+              id: "repairs",              title: "Repairs & Panel Replacement",              description: "Expert repairs and panel replacements to restore your roof's integrity and appearance.",              tag: "Repair",              imageSrc: "https://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg?_wi=2"
-              brand: "Martinez",
-              name: "Repairs & Panel Replacement",
-              price: "Custom Pricing",
-              rating: 5,
-              reviewCount: "45+",
-              imageSrc: "https://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg?_wi=2"
             },
             {
-              id: "3",
+              id: "construction",              title: "Construction & Exterior Projects",              description: "Complete construction services for barns, garages, and exterior renovations.",              tag: "Construction",              imageSrc: "https://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg?_wi=1"
-              brand: "Martinez",
-              name: "Construction & Exterior Projects",
-              price: "Custom Pricing",
-              rating: 5,
-              reviewCount: "40+",
-              imageSrc: "https://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg?_wi=1"
             }
           ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Request Pricing & Availability", href: "/contact" }
-          ]}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardThirteen
-          title="5-Star Results, Repeat Customers"
-          description="Hear directly from homeowners who've experienced our work."
-          testimonials={[
-            {
-              id: "1",
-              name: "Sarah Johnson",
-              handle: "@homeowner_1",
-              testimonial: "Second home we hired them for—again, a great experience.",
-              rating: 5,
-              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
-            },
-            {
-              id: "2",
-              name: "Michael Chen",
-              handle: "@homeowner_2",
-              testimonial: "Prompt, on schedule, and easy to work with.",
-              rating: 5,
-              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"
-            },
-            {
-              id: "3",
-              name: "Emily Rodriguez",
-              handle: "@homeowner_3",
-              testimonial: "Professional from start to finish on a standing seam roof.",
-              rating: 5,
-              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1"
-            }
-          ]}
-          showRating={true}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -133,8 +71,7 @@ export default function MetalRoofingPage() {
       <FooterSimple
         columns={[
           {
-            title: "Navigate",
+            title: "Navigate",            items: [
-            items: [
               { label: "Home", href: "/" },
               { label: "Metal Roofing", href: "/metal-roofing" },
               { label: "Construction", href: "/construction" },
@@ -142,23 +79,20 @@ export default function MetalRoofingPage() {
             ]
           },
           {
-            title: "Company",
+            title: "Company",            items: [
-            items: [
               { label: "About Us", href: "/about" },
               { label: "Contact", href: "/contact" }
             ]
           },
           {
-            title: "Services",
+            title: "Services",            items: [
-            items: [
               { label: "Standing Seam Install", href: "/metal-roofing" },
               { label: "Repairs & Replacement", href: "/metal-roofing" },
               { label: "Custom Projects", href: "/construction" }
             ]
           },
           {
-            title: "Legal",
+            title: "Legal",            items: [
-            items: [
               { label: "Privacy Policy", href: "#" },
               { label: "Terms of Service", href: "#" }
             ]

src/app/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -64,25 +63,13 @@ export default function HomePage() {
           tag="Why Choose Us"
           features={[
             {
-              id: "responsive",
+              id: "responsive",              title: "Responsive & Professional",              description: "Quick replies by phone/text. Straight answers, clear next steps.",              tag: "Communication",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-business-man-talking-phone-lounge_1262-3626.jpg?_wi=1"
-              title: "Responsive & Professional",
-              description: "Quick replies by phone/text. Straight answers, clear next steps.",
-              tag: "Communication",
-              imageSrc: "https://img.b2bpic.net/free-photo/smiling-business-man-talking-phone-lounge_1262-3626.jpg?_wi=1"
             },
             {
-              id: "expertise",
+              id: "expertise",              title: "Standing Seam Expertise",              description: "Metal installs done clean, tight, and built to handle harsh seasons.",              tag: "Specialty",              imageSrc: "https://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg?_wi=1"
-              title: "Standing Seam Expertise",
-              description: "Metal installs done clean, tight, and built to handle harsh seasons.",
-              tag: "Specialty",
-              imageSrc: "https://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg?_wi=1"
             },
             {
-              id: "jobsites",
+              id: "jobsites",              title: "Respectful Job Sites",              description: "Fast, organized work—no mess left behind.",              tag: "Quality",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-working-construction_23-2150772881.jpg?_wi=1"
-              title: "Respectful Job Sites",
-              description: "Fast, organized work—no mess left behind.",
-              tag: "Quality",
-              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-working-construction_23-2150772881.jpg?_wi=1"
             }
           ]}
           animationType="slide-up"
@@ -97,22 +84,16 @@ export default function HomePage() {
           description="Many homeowners expect metal roofing to take months—especially in peak season. We stay responsive, communicate clearly, and schedule realistically so your project moves forward without surprises."
           metrics={[
             {
-              id: "1",
+              id: "1",              icon: MessageSquare,
-              icon: MessageSquare,
+              title: "Quick Communication",              value: "24hrs"
-              title: "Quick Communication",
-              value: "24hrs"
             },
             {
-              id: "2",
+              id: "2",              icon: Calendar,
-              icon: Calendar,
+              title: "Flexible Scheduling",              value: "100%"
-              title: "Flexible Scheduling",
-              value: "100%"
             },
             {
-              id: "3",
+              id: "3",              icon: Zap,
-              icon: Zap,
+              title: "Efficient Installs",              value: "Fast"
-              title: "Efficient Installs",
-              value: "Fast"
             }
           ]}
           animationType="slide-up"
@@ -127,32 +108,16 @@ export default function HomePage() {
           description="From initial estimate through final walkthrough, transparency and communication at every step."
           features={[
             {
-              id: "estimate",
+              id: "estimate",              title: "Request an Estimate",              description: "Tell us what you need. We'll respond quickly.",              tag: "Step 1",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-hands-business-meeting_93675-132442.jpg?_wi=1"
-              title: "Request an Estimate",
-              description: "Tell us what you need. We'll respond quickly.",
-              tag: "Step 1",
-              imageSrc: "https://img.b2bpic.net/free-photo/closeup-hands-business-meeting_93675-132442.jpg?_wi=1"
             },
             {
-              id: "consultation",
+              id: "consultation",              title: "On-Site Visit & Options",              description: "We listen, review your goals, and walk you through the best approach.",              tag: "Step 2",              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg?_wi=1"
-              title: "On-Site Visit & Options",
-              description: "We listen, review your goals, and walk you through the best approach.",
-              tag: "Step 2",
-              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg?_wi=1"
             },
             {
-              id: "execution",
+              id: "execution",              title: "Schedule & Installation",              description: "Clear timeline, clean worksite, professional finish.",              tag: "Step 3",              imageSrc: "https://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"
-              title: "Schedule & Installation",
-              description: "Clear timeline, clean worksite, professional finish.",
-              tag: "Step 3",
-              imageSrc: "https://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"
             },
             {
-              id: "walkthrough",
+              id: "walkthrough",              title: "Final Walkthrough",              description: "We make sure everything looks right and performs right.",              tag: "Step 4",              imageSrc: "https://img.b2bpic.net/free-photo/company-manager-holding-project-plans-while-talking-african-american-manual-worker-who-is-pointing-something-factory_637285-4115.jpg"
-              title: "Final Walkthrough",
-              description: "We make sure everything looks right and performs right.",
-              tag: "Step 4",
-              imageSrc: "https://img.b2bpic.net/free-photo/company-manager-holding-project-plans-while-talking-african-american-manual-worker-who-is-pointing-something-factory_637285-4115.jpg"
             }
           ]}
           animationType="slide-up"
@@ -177,8 +142,7 @@ export default function HomePage() {
       <FooterSimple
         columns={[
           {
-            title: "Navigate",
+            title: "Navigate",            items: [
-            items: [
               { label: "Home", href: "/" },
               { label: "Metal Roofing", href: "/metal-roofing" },
               { label: "Construction", href: "/construction" },
@@ -186,23 +150,20 @@ export default function HomePage() {
             ]
           },
           {
-            title: "Company",
+            title: "Company",            items: [
-            items: [
               { label: "About Us", href: "/about" },
               { label: "Contact", href: "/contact" }
             ]
           },
           {
-            title: "Services",
+            title: "Services",            items: [
-            items: [
               { label: "Standing Seam Install", href: "/metal-roofing" },
               { label: "Repairs & Replacement", href: "/metal-roofing" },
               { label: "Custom Projects", href: "/construction" }
             ]
           },
           {
-            title: "Legal",
+            title: "Legal",            items: [
-            items: [
               { label: "Privacy Policy", href: "#" },
               { label: "Terms of Service", href: "#" }
             ]

src/app/projects/page.tsx

@@ -1,10 +1,8 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
@@ -36,59 +34,19 @@ export default function ProjectsPage() {
       </div>
 
       <div id="projects" data-section="projects">
-        <BlogCardTwo
+        <FeatureCardMedia
           title="Recent Projects"
           description="Standing seam installs, repairs, cottages, camps, barns, and garages—done with a clean, premium finish."
-          blogs={[
+          tag="Our Work"
+          features={[
             {
-              id: "1",
+              id: "modern-home",              title: "Modern Home Standing Seam Installation",              description: "Clean lines and superior durability for a contemporary home renovation.",              tag: "Residential",              imageSrc: "https://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=1"
-              category: ["Standing Seam", "Residential"],
-              title: "Modern Home Standing Seam Installation",
-              excerpt: "Clean lines and superior durability for a contemporary home renovation.",
-              imageSrc: "https://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=1",
-              authorName: "Martinez Team",
-              authorAvatar: "https://img.b2bpic.net/free-vector/construction_24908-53978.jpg",
-              date: "15 Jan 2025"
             },
             {
-              id: "2",
+              id: "barn-construction",              title: "Custom Barn Exterior & Metal Roofing",              description: "Complete structural and roofing upgrade with precision execution.",              tag: "Construction",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-store-building-from-wood-stones-west-bloomfield-mi_181624-60264.jpg?_wi=3"
-              category: ["Repair", "Commercial"],
-              title: "Industrial Building Leak Diagnosis & Repair",
-              excerpt: "Fast fixes without cutting corners on a critical commercial project.",
-              imageSrc: "https://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg",
-              authorName: "Martinez Team",
-              authorAvatar: "https://img.b2bpic.net/free-vector/construction_24908-53978.jpg",
-              date: "10 Jan 2025"
             },
             {
-              id: "3",
+              id: "garage-construction",              title: "Premium Garage Construction",              description: "Custom garage build with matching metal roofing and superior craftsmanship.",              tag: "Residential",              imageSrc: "https://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg?_wi=4"
-              category: ["Construction", "Barn"],
-              title: "Custom Barn Exterior & Metal Roofing",
-              excerpt: "Complete structural and roofing upgrade with precision execution.",
-              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-store-building-from-wood-stones-west-bloomfield-mi_181624-60264.jpg?_wi=3",
-              authorName: "Martinez Team",
-              authorAvatar: "https://img.b2bpic.net/free-vector/construction_24908-53978.jpg",
-              date: "05 Jan 2025"
-            },
-            {
-              id: "4",
-              category: ["Residential", "Garage"],
-              title: "Premium Garage Construction",
-              excerpt: "Custom garage build with matching metal roofing and superior craftsmanship.",
-              imageSrc: "https://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg?_wi=4",
-              authorName: "Martinez Team",
-              authorAvatar: "https://img.b2bpic.net/free-vector/construction_24908-53978.jpg",
-              date: "28 Dec 2024"
-            },
-            {
-              id: "5",
-              category: ["Standing Seam", "Cottage"],
-              title: "Lake Cottage Metal Roof Upgrade",
-              excerpt: "Weather-resistant standing seam installation for a seasonal cottage.",
-              imageSrc: "https://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=2",
-              authorName: "Martinez Team",
-              authorAvatar: "https://img.b2bpic.net/free-vector/construction_24908-53978.jpg",
-              date: "20 Dec 2024"
             }
           ]}
           animationType="slide-up"
@@ -97,43 +55,6 @@ export default function ProjectsPage() {
         />
       </div>
 
-      <div id="project-testimonials" data-section="project-testimonials">
-        <TestimonialCardThirteen
-          title="What Our Project Clients Say"
-          description="Real feedback from homeowners and businesses we've served."
-          testimonials={[
-            {
-              id: "1",
-              name: "David Kim",
-              handle: "@homeowner_4",
-              testimonial: "No trace left behind—top notch work.",
-              rating: 5,
-              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"
-            },
-            {
-              id: "2",
-              name: "Jennifer Davis",
-              handle: "@homeowner_5",
-              testimonial: "Exceeded expectations on every level.",
-              rating: 5,
-              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2"
-            },
-            {
-              id: "3",
-              name: "Robert Martinez",
-              handle: "@homeowner_6",
-              testimonial: "Best roofing contractor I've worked with.",
-              rating: 5,
-              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4"
-            }
-          ]}
-          showRating={true}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="projects-cta" data-section="projects-cta">
         <ContactText
           text="Inspired by what you see? Let's discuss your project and create something exceptional together."
@@ -150,8 +71,7 @@ export default function ProjectsPage() {
       <FooterSimple
         columns={[
           {
-            title: "Navigate",
+            title: "Navigate",            items: [
-            items: [
               { label: "Home", href: "/" },
               { label: "Metal Roofing", href: "/metal-roofing" },
               { label: "Construction", href: "/construction" },
@@ -159,23 +79,20 @@ export default function ProjectsPage() {
             ]
           },
           {
-            title: "Company",
+            title: "Company",            items: [
-            items: [
               { label: "About Us", href: "/about" },
               { label: "Contact", href: "/contact" }
             ]
           },
           {
-            title: "Services",
+            title: "Services",            items: [
-            items: [
               { label: "Standing Seam Install", href: "/metal-roofing" },
               { label: "Repairs & Replacement", href: "/metal-roofing" },
               { label: "Custom Projects", href: "/construction" }
             ]
           },
           {
-            title: "Legal",
+            title: "Legal",            items: [
-            items: [
               { label: "Privacy Policy", href: "#" },
               { label: "Terms of Service", href: "#" }
             ]