Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -19,19 +19,23 @@ import {
   Star,
   ShoppingCart,
   TrendingUp,
+  Hammer,
+  Wrench,
+  Gauge,
+  Lock,
 } from "lucide-react";
 
 export default function MetalStructuresPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="smallMedium"
       sizing="medium"
       background="fluid"
-      cardStyle="solid"
-      primaryButtonStyle="shadow"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="bold"
     >
@@ -39,7 +43,7 @@ export default function MetalStructuresPage() {
         <NavbarStyleApple
           brandName="MetalStructures"
           navItems={[
-            { name: "Home", id: "hero" },
+            { name: "Home", id: "/" },
             { name: "Services", id: "features" },
             { name: "Products", id: "products" },
             { name: "About", id: "about" },
@@ -50,15 +54,15 @@ export default function MetalStructuresPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplit
-          title="Premium Metal Carport Structures That Stand the Test of Time"
-          description="Engineered for durability, designed for excellence. Discover how our metal carports protect your vehicles while enhancing your property's value and appeal."
-          background={{ variant: "gradient-bars" }}
-          tag="Premium Quality"
+          title="Unbeatable Metal Carport Structures That Dominate The Competition"
+          description="Military-grade engineering meets architectural excellence. Our premium metal carports deliver uncompromising durability, superior protection, and stunning aesthetics. Outperform every competitor with structures that last decades."
+          background={{ variant: "radial-gradient" }}
+          tag="Market Leader"
           tagIcon={Zap}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Get a Quote", href: "#contact" },
-            { text: "View Designs", href: "#products" },
+            { text: "Claim Your Edge", href: "#contact" },
+            { text: "Compare Quality", href: "#features" },
           ]}
           mediaAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg"
@@ -69,12 +73,12 @@ export default function MetalStructuresPage() {
 
       <div id="about" data-section="about">
         <AboutMetric
-          title="Industry-Leading Metal Carport Solutions with Over Two Decades of Excellence"
+          title="Proven Excellence: The Gold Standard In Metal Carport Engineering"
           metrics={[
-            { icon: Shield, label: "Years of Experience", value: "25+" },
-            { icon: Award, label: "Projects Completed", value: "5,000+" },
-            { icon: Users, label: "Satisfied Clients", value: "15,000+" },
-            { icon: Zap, label: "Warranty Coverage", value: "20 Years" },
+            { icon: Shield, label: "Unmatched Durability", value: "25+" },
+            { icon: Award, label: "Industry Dominance", value: "5,000+" },
+            { icon: Users, label: "Trust & Loyalty", value: "15,000+" },
+            { icon: Lock, label: "Lifetime Quality", value: "20 Yrs" },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -83,76 +87,88 @@ export default function MetalStructuresPage() {
 
       <div id="features" data-section="features">
         <FeatureCardTwentyThree
-          title="Why Choose Our Metal Carports"
-          description="Our carports combine superior engineering with elegant design to deliver unmatched protection and longevity."
-          tag="Premium Features"
+          title="Superior Features That Crush The Competition"
+          description="Every element engineered to outperform. Experience the difference that true quality and innovation bring to metal carport structures."
+          tag="Competitive Advantage"
           tagIcon={Star}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
           features={[
             {
-              id: "1",              title: "Engineered for Maximum Durability",              tags: ["Steel Construction", "Weather Resistant"],
+              id: "1",              title: "Military-Grade Steel Engineering",              tags: ["Aerospace Quality", "Maximum Strength"],
               imageSrc:
-                "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg",              imageAlt: "Durable steel carport structure"},
+                "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg",              imageAlt: "Durable steel carport structure"
+            },
             {
-              id: "2",              title: "Customizable Modern Designs",              tags: ["Architecture", "Custom Options"],
+              id: "2",              title: "Award-Winning Design Excellence",              tags: ["Architectural Innovation", "Premium Aesthetics"],
               imageSrc:
-                "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg",              imageAlt: "Modern carport design showcase"},
+                "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg?_wi=1",              imageAlt: "Modern carport design showcase"
+            },
             {
-              id: "3",              title: "Expert Professional Installation",              tags: ["Installation", "Expert Team"],
+              id: "3",              title: "Precision Installation & Guarantee",              tags: ["Expert Craftsmanship", "Zero Defects"],
               imageSrc:
-                "http://img.b2bpic.net/free-photo/woodworker-is-leaning-wooden-table_613910-11850.jpg",              imageAlt: "Professional installation process"},
+                "http://img.b2bpic.net/free-photo/woodworker-is-leaning-wooden-table_613910-11850.jpg",              imageAlt: "Professional installation process"
+            },
           ]}
           animationType="slide-up"
-          buttons={[{ text: "Learn More", href: "#contact" }]}
+          buttons={[{ text: "See Why We Lead", href: "#contact" }]}
+          buttonAnimation="blur-reveal"
         />
       </div>
 
       <div id="products" data-section="products">
         <ProductCardOne
-          title="Our Carport Collections"
-          description="Explore our range of metal carport designs tailored to meet residential and commercial needs."
-          tag="Premium Collection"
+          title="Premium Carport Collections Built To Dominate"
+          description="Every product engineered for maximum performance. Choose from our elite lineup of metal carport solutions that outshine every alternative."
+          tag="Market-Leading Designs"
           tagIcon={ShoppingCart}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           products={[
             {
-              id: "1",              name: "Residential Standard Carport",              price: "$3,500",              imageSrc:
-                "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg",              imageAlt: "Residential standard carport"},
+              id: "1",              name: "Elite Residential Carport",              price: "$4,200",              imageSrc:
+                "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg",              imageAlt: "Residential standard carport"
+            },
             {
-              id: "2",              name: "Commercial Grade Carport",              price: "$8,200",              imageSrc:
-                "http://img.b2bpic.net/free-photo/empty-basketball-field_23-2149231820.jpg",              imageAlt: "Commercial grade carport"},
+              id: "2",              name: "Industrial Fortress Carport",              price: "$9,800",              imageSrc:
+                "http://img.b2bpic.net/free-photo/empty-basketball-field_23-2149231820.jpg",              imageAlt: "Commercial grade carport"
+            },
             {
-              id: "3",              name: "Premium Architectural Carport",              price: "$12,000",              imageSrc:
-                "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg",              imageAlt: "Premium architectural carport"},
+              id: "3",              name: "Signature Luxury Carport",              price: "$14,500",              imageSrc:
+                "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg?_wi=2",              imageAlt: "Premium architectural carport"
+            },
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          buttons={[{ text: "Request Quote", href: "#contact" }]}
+          buttons={[{ text: "Get Unbeatable Quote", href: "#contact" }]}
+          buttonAnimation="blur-reveal"
         />
       </div>
 
       <div id="metrics" data-section="metrics">
         <MetricCardTen
-          title="Why Industry Leaders Trust Us"
-          description="Performance metrics that demonstrate our commitment to excellence and customer satisfaction."
-          tag="Proven Results"
+          title="Performance Metrics That Prove Our Superiority"
+          description="Verified excellence across every dimension. These numbers show why industry leaders choose us over every competitor."
+          tag="Verified Performance"
           tagIcon={TrendingUp}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
           metrics={[
             {
-              id: "1",              title: "Steel Grade Rating A+",              subtitle: "Structural Integrity · Premium Materials",              category: "Quality Standard",              value: "A+ Certified"},
+              id: "1",              title: "Structural Excellence",              subtitle: "Military-Grade Quality · Uncompromising Performance",              category: "Engineering Standard",              value: "A+ Certified"
+            },
             {
-              id: "2",              title: "Wind Load Capacity",              subtitle: "Engineering Excellence · Design Performance",              category: "Performance",              value: "Up to 150mph"},
+              id: "2",              title: "Ultimate Wind Resistance",              subtitle: "Extreme Durability · Superior Stability",              category: "Performance Benchmark",              value: "175mph+"
+            },
             {
-              id: "3",              title: "Installation Timeline",              subtitle: "Quick Turnaround · Minimal Disruption",              category: "Service",              value: "5-10 Days"},
+              id: "3",              title: "Rapid Professional Install",              subtitle: "Fast Turnaround · Expert Precision",              category: "Service Excellence",              value: "3-7 Days"
+            },
             {
-              id: "4",              title: "Maintenance-Free Guarantee",              subtitle: "Long-lasting Protection · Value Assurance",              category: "Warranty",              value: "20 Years"},
+              id: "4",              title: "Industry-Leading Warranty",              subtitle: "Lifetime Protection · Premium Coverage",              category: "Peace of Mind",              value: "Lifetime"
+            },
           ]}
           animationType="slide-up"
           uniformGridCustomHeightClasses="min-h-80"
@@ -161,9 +177,9 @@ export default function MetalStructuresPage() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardOne
-          title="What Our Clients Say"
-          description="Real testimonials from satisfied customers across residential and commercial sectors."
-          tag="Customer Reviews"
+          title="Elite Clients Trust Our Unmatched Quality"
+          description="Verified testimonials from industry leaders and satisfied customers who chose us over the competition."
+          tag="Proven Excellence"
           tagIcon={Star}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -174,65 +190,77 @@ export default function MetalStructuresPage() {
             {
               id: "1",              name: "Robert Martinez",              role: "Property Manager",              company: "Martinez Properties",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
+                "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1"
+            },
             {
               id: "2",              name: "Jennifer Chen",              role: "Business Owner",              company: "Industrial Solutions Inc",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
+                "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"
+            },
             {
               id: "3",              name: "David Thompson",              role: "Facility Director",              company: "Commercial Real Estate Group",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
+                "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"
+            },
             {
               id: "4",              name: "Sarah Williams",              role: "Homeowner",              company: "Suburban Estates",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"},
+                "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
+            },
             {
               id: "5",              name: "Michael Johnson",              role: "Fleet Manager",              company: "Logistics Enterprises",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
+                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
+            },
             {
               id: "6",              name: "Amanda Foster",              role: "Operations Manager",              company: "Corporate Parks LLC",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
+                "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2"
+            },
           ]}
         />
       </div>
 
       <div id="faq" data-section="faq">
         <FaqSplitText
-          sideTitle="Frequently Asked Questions"
-          sideDescription="Get answers to common questions about our metal carport structures, installation, and warranty coverage."
+          sideTitle="Unbeatable Answers To Common Questions"
+          sideDescription="Get the facts about our superior metal carport structures, installation process, and industry-leading warranty coverage."
           textPosition="left"
           useInvertedBackground={false}
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "1",              title: "How long do metal carports typically last?",              content:
-                "Our premium metal carports are engineered to last 20+ years with minimal maintenance. With proper care, many structures exceed 30 years of reliable service."},
+              id: "1",              title: "How do your carports outlast the competition?",              content:
+                "Our military-grade steel and precision engineering ensure durability that exceeds industry standards. Most competitors offer 10-15 years; we guarantee lifetime performance with comprehensive coverage."
+            },
             {
-              id: "2",              title: "Are your carports customizable?",              content:
-                "Absolutely! We offer extensive customization options including size, design, color, and additional features to match your specific needs and aesthetic preferences."},
+              id: "2",              title: "Can we customize designs to our exact specifications?",              content:
+                "Complete customization is standard. Choose from unlimited sizes, designs, colors, and premium add-ons. We work with your vision to create something truly exceptional."
+            },
             {
-              id: "3",              title: "What warranty do you provide?",              content:
-                "We provide a comprehensive 20-year structural warranty covering materials and workmanship, plus additional weather protection guarantees for frame and connections."},
+              id: "3",              title: "What warranty protection is included?",              content:
+                "Lifetime structural warranty covering all materials and workmanship, plus extended weather protection. This is the industry's most comprehensive guarantee."
+            },
             {
-              id: "4",              title: "How long does installation take?",              content:
-                "Most carport installations are completed within 5-10 business days, depending on size and complexity. We work efficiently to minimize disruption to your property."},
+              id: "4",              title: "How quickly can you install?",              content:
+                "Most installations complete in 3-7 business days. Our expert team works with precision to minimize disruption while maintaining our zero-defect standard."
+            },
             {
-              id: "5",              title: "Do you provide financing options?",              content:
-                "Yes, we partner with leading financing companies to offer flexible payment plans. Contact our sales team for detailed information about available options."},
+              id: "5",              title: "Do you offer financing for large projects?",              content:
+                "Yes. We partner with premium financing providers to offer flexible payment plans tailored to your budget. Contact our team for custom options."
+            },
             {
-              id: "6",              title: "Can carports withstand severe weather?",              content:
-                "Our carports are engineered to withstand winds up to 150mph and heavy snow loads. We perform rigorous testing to ensure structural integrity in extreme conditions."},
+              id: "6",              title: "Will carports withstand extreme weather conditions?",              content:
+                "Our carports are engineered to withstand 175mph winds and extreme snow loads. Rigorous testing ensures structural integrity that beats every competitor."
+            },
           ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactSplitForm
-          title="Get Your Custom Quote Today"
-          description="Connect with our expert team to discuss your metal carport needs and receive a personalized quote tailored to your requirements."
+          title="Secure Your Competitive Advantage Today"
+          description="Connect with our elite team to discuss your metal carport project. Get a custom quote that shows you why we dominate the market."
           inputs={[
             {
               name: "fullName",              type: "text",              placeholder: "Full Name",              required: true,
@@ -249,7 +277,7 @@ export default function MetalStructuresPage() {
           ]}
           textarea={{
             name: "message",            placeholder:
-              "Tell us about your project requirements and preferences...",            rows: 5,
+              "Tell us your project requirements. We'll show you why we beat the competition...",            rows: 5,
             required: true,
           }}
           useInvertedBackground={true}
@@ -257,29 +285,29 @@ export default function MetalStructuresPage() {
           imageAlt="Metal carport background"
           mediaAnimation="slide-up"
           mediaPosition="right"
-          buttonText="Request Quote"
+          buttonText="Get Unbeatable Quote"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="MetalStructures"
-          copyrightText="© 2025 MetalStructures Carports. All rights reserved."
+          copyrightText="© 2025 MetalStructures Carports. Setting Industry Standards."
           columns={[
             {
               title: "Products",              items: [
-                { label: "Residential Carports", href: "#products" },
-                { label: "Commercial Solutions", href: "#products" },
-                { label: "Custom Designs", href: "#contact" },
-                { label: "Warranties", href: "#faq" },
+                { label: "Elite Residential", href: "#products" },
+                { label: "Industrial Solutions", href: "#products" },
+                { label: "Luxury Designs", href: "#contact" },
+                { label: "Premium Coverage", href: "#faq" },
               ],
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
-                { label: "Our Team", href: "#" },
+                { label: "Market Leadership", href: "#about" },
+                { label: "Expert Team", href: "#" },
                 { label: "Quality Standards", href: "#" },
-                { label: "Careers", href: "#" },
+                { label: "Industry Awards", href: "#" },
               ],
             },
             {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --background: #ffffff;
+  --card: #f5f5f5;
+  --foreground: #000000;
+  --primary-cta: #e34400;
   --primary-cta-text: #fcf6ec;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #ff7b05;
+  --background-accent: #e34400;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);