From b0ee802385b48f2bee9b3a5e8af7311dcfaf43e1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 04:04:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 284 ++++++++---------------------------------------
 1 file changed, 48 insertions(+), 236 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7e3f48a..6c2d1bb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Materials",
-          id: "#materials",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Services", id: "#services" },
+        { name: "Materials", id: "#materials" },
+        { name: "Reviews", id: "#reviews" },
+        { name: "About", id: "#about" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="All Metals Roofing"
     />
@@ -61,40 +46,16 @@ export default function LandingPage() {
       logoText="All Metals Roofing and Materials LLC"
       description="Premium metal roofing materials with a bold, dependable presence. Built for trust. Designed to convert."
       buttons={[
-        {
-          text: "Request a Quote",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+12252948971",
-        },
+        { text: "Request a Quote", href: "#contact" },
+        { text: "Call Now", href: "tel:+12252948971" },
       ]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg",
-          imageAlt: "Premium metal panels",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg",
-          imageAlt: "High quality trim",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
-          imageAlt: "Dependable inventory",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg",
-          imageAlt: "Roofing accessories",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
-          imageAlt: "Residential metal roof",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cement-wall_1127-2041.jpg",
-          imageAlt: "Commercial roofing",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg", imageAlt: "Premium metal panels" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg", imageAlt: "High quality trim" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg", imageAlt: "Dependable inventory" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg", imageAlt: "Roofing accessories" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg", imageAlt: "Residential metal roof" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/cement-wall_1127-2041.jpg", imageAlt: "Commercial roofing" },
       ]}
     />
   </div>
@@ -103,12 +64,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       title="Built around dependable service and practical expertise."
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#services",
-        },
-      ]}
+      buttons={[{ text: "Learn More", href: "#services" }]}
     />
   </div>
 
@@ -119,36 +75,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "s1",
-          title: "Metal Roofing Supply",
-          author: "All Metals",
-          description: "Premium metal panels, trim, fasteners, and underlayment.",
-          tags: [
-            "Residential",
-            "Commercial",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg",
-        },
+          id: "s1",          title: "Metal Roofing Supply",          author: "All Metals",          description: "Premium metal panels, trim, fasteners, and underlayment.",          tags: ["Residential", "Commercial"],
+          imageSrc: "http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg"},
         {
-          id: "s2",
-          title: "Custom Orders",
-          author: "All Metals",
-          description: "Fast, accurate material preparation cut to your exact length.",
-          tags: [
-            "Cut-to-Length",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/rusty-bolts-nuts_23-2152024248.jpg",
-        },
+          id: "s2",          title: "Custom Orders",          author: "All Metals",          description: "Fast, accurate material preparation cut to your exact length.",          tags: ["Cut-to-Length"],
+          imageSrc: "http://img.b2bpic.net/free-photo/rusty-bolts-nuts_23-2152024248.jpg"},
         {
-          id: "s3",
-          title: "Contractor Support",
-          author: "All Metals",
-          description: "Reliable material sourcing and bulk ordering for roofing crews.",
-          tags: [
-            "Bulk Ordering",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-screwdrivers-wooden-surface_181624-32595.jpg",
-        },
+          id: "s3",          title: "Contractor Support",          author: "All Metals",          description: "Reliable material sourcing and bulk ordering for roofing crews.",          tags: ["Bulk Ordering"],
+          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-screwdrivers-wooden-surface_181624-32595.jpg"},
       ]}
       title="Our Professional Roofing Services"
       description="High-quality material supply and custom material prep for all project scales."
@@ -162,60 +96,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          brand: "Metal",
-          name: "Metal Panels",
-          price: "Inquire",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756593.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Trim",
-          name: "Trim Packages",
-          price: "Inquire",
-          rating: 5,
-          reviewCount: "90+",
-          imageSrc: "http://img.b2bpic.net/free-photo/industry-construction-equipments-inside-storehouse-factory_114579-2836.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Fasteners",
-          name: "Fasteners",
-          price: "Inquire",
-          rating: 5,
-          reviewCount: "200+",
-          imageSrc: "http://img.b2bpic.net/free-photo/brushes-blank-paper-page_23-2148575535.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Roofing",
-          name: "Underlayment",
-          price: "Inquire",
-          rating: 5,
-          reviewCount: "150+",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Accessories",
-          name: "Ridge Caps",
-          price: "Inquire",
-          rating: 5,
-          reviewCount: "120+",
-          imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-red-plastic-dowels-gray_166373-1548.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Flashing",
-          name: "Flashing Material",
-          price: "Inquire",
-          rating: 5,
-          reviewCount: "110+",
-          imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-screw-wooden-background_53876-42559.jpg",
-        },
+        { id: "p1", brand: "Metal", name: "Metal Panels", price: "Inquire", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756593.jpg" },
+        { id: "p2", brand: "Trim", name: "Trim Packages", price: "Inquire", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/industry-construction-equipments-inside-storehouse-factory_114579-2836.jpg" },
+        { id: "p3", brand: "Fasteners", name: "Fasteners", price: "Inquire", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/brushes-blank-paper-page_23-2148575535.jpg" },
+        { id: "p4", brand: "Roofing", name: "Underlayment", price: "Inquire", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg" },
+        { id: "p5", brand: "Accessories", name: "Ridge Caps", price: "Inquire", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-red-plastic-dowels-gray_166373-1548.jpg" },
+        { id: "p6", brand: "Flashing", name: "Flashing Material", price: "Inquire", rating: 5, reviewCount: "110+", imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-screw-wooden-background_53876-42559.jpg" },
       ]}
       title="Comprehensive Material Selection"
       description="Premium components to complete every professional roofing installation."
@@ -224,35 +110,18 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "24h",
-          title: "Lead Times",
-          items: [
-            "Fast quoting",
-            "Timely delivery",
-          ],
+          id: "m1",          value: "24h",          title: "Lead Times",          items: ["Fast quoting", "Timely delivery"],
         },
         {
-          id: "m2",
-          value: "4.7",
-          title: "Google Rating",
-          items: [
-            "23 verified reviews",
-            "High satisfaction",
-          ],
+          id: "m2",          value: "4.7",          title: "Google Rating",          items: ["23 verified reviews", "High satisfaction"],
         },
         {
-          id: "m3",
-          value: "100%",
-          title: "Inventory Support",
-          items: [
-            "Bulk availability",
-            "Dependable stock",
-          ],
+          id: "m3",          value: "100%",          title: "Inventory Support",          items: ["Bulk availability", "Dependable stock"],
         },
       ]}
       title="Service Excellence Metrics"
@@ -262,44 +131,20 @@ export default function LandingPage() {
 
   <div id="reviews" data-section="reviews">
       <TestimonialCardSix
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Johnson",
-          handle: "@sarah-roofer",
-          testimonial: "Where I go for all my metal roofing needs. Great service and friendly staff.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384861.jpg",
-        },
+          id: "t1",          name: "Sarah Johnson",          handle: "@sarah-roofer",          testimonial: "Where I go for all my metal roofing needs. Great service and friendly staff.",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384861.jpg"},
         {
-          id: "t2",
-          name: "Michael Chen",
-          handle: "@mchen-builds",
-          testimonial: "Customer service is outstanding, with helpful people and dependable follow-through.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12848.jpg",
-        },
+          id: "t2",          name: "Michael Chen",          handle: "@mchen-builds",          testimonial: "Customer service is outstanding, with helpful people and dependable follow-through.",          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12848.jpg"},
         {
-          id: "t3",
-          name: "David Kim",
-          handle: "@dkim-contractor",
-          testimonial: "Good prices, knowledgeable help, and a professional experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg",
-        },
+          id: "t3",          name: "David Kim",          handle: "@dkim-contractor",          testimonial: "Good prices, knowledgeable help, and a professional experience.",          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg"},
         {
-          id: "t4",
-          name: "Emily Rodriguez",
-          handle: "@erod-roofing",
-          testimonial: "Outstanding quality, very dependable service for my crews.",
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg",
-        },
+          id: "t4",          name: "Emily Rodriguez",          handle: "@erod-roofing",          testimonial: "Outstanding quality, very dependable service for my crews.",          imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg"},
         {
-          id: "t5",
-          name: "Robert Miller",
-          handle: "@rmiller-home",
-          testimonial: "Best service in Hammond, very helpful people.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
-        },
+          id: "t5",          name: "Robert Miller",          handle: "@rmiller-home",          testimonial: "Best service in Hammond, very helpful people.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg"},
       ]}
       title="Trusted by Local Builders"
       description="Feedback from professionals who value service and reliability."
@@ -312,20 +157,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Do you handle custom orders?",
-          content: "Yes, we prioritize quick material prep cut to your project lengths.",
-        },
+          id: "q1",          title: "Do you handle custom orders?",          content: "Yes, we prioritize quick material prep cut to your project lengths."},
         {
-          id: "q2",
-          title: "What roofing materials are in stock?",
-          content: "We carry panels, trim, fasteners, and complete accessories.",
-        },
+          id: "q2",          title: "What roofing materials are in stock?",          content: "We carry panels, trim, fasteners, and complete accessories."},
         {
-          id: "q3",
-          title: "Do you help contractors?",
-          content: "Absolutely, we have specialized support for builders and crews.",
-        },
+          id: "q3",          title: "Do you help contractors?",          content: "Absolutely, we have specialized support for builders and crews."},
       ]}
       title="Common Roofing Questions"
       description="Answers about our products, support, and ordering."
@@ -336,16 +172,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Visit us at 10261 Moore Rd, Hammond, LA 70403 or call (225) 294-8971. We are available Monday-Friday, 8 AM - 4 PM for your metal roofing requirements."
-      buttons={[
-        {
-          text: "Get Directions",
-          href: "https://maps.app.goo.gl",
-        },
-      ]}
+      buttons={[{ text: "Get Directions", href: "https://maps.app.goo.gl" }]}
     />
   </div>
 
@@ -354,33 +183,16 @@ export default function LandingPage() {
       logoText="All Metals Roofing and Materials LLC"
       columns={[
         {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Materials",
-              href: "#materials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Quick Links",          items: [
+            { label: "Services", href: "#services" },
+            { label: "Materials", href: "#materials" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Reviews", href: "#reviews" },
           ],
         },
       ]}