Update src/app/page.tsx

Update src/app/styles/variables.css
2026-03-05 04:10:53 +00:00 · 2026-03-05 04:07:48 +00:00 · 2026-03-05 04:07:48 +00:00 · 2026-03-05 04:05:27 +00:00
2 changed files with 109 additions and 89 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,22 +20,22 @@ import {
  ShoppingCart,
  TrendingUp,
  Hammer,
  Layers,
  Gauge,
  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"
+      cardStyle="gradient-mesh"
-      primaryButtonStyle="shadow"
+      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
@@ -43,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" },
@@ -54,32 +54,31 @@ export default function MetalStructuresPage() {
      <div id="hero" data-section="hero">
        <HeroSplit
-          title="Unmatched Metal Carport Excellence That Dominates the Market"
+          title="Unbeatable Metal Carport Structures That Dominate The Competition"
-          description="Engineered precision meets architectural brilliance. Our advanced metal structures deliver uncompromising durability, superior aesthetics, and exceptional value. Experience the difference that professional-grade engineering makes."
+          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: "gradient-bars" }}
+          background={{ variant: "radial-gradient" }}
-          tag="Industry-Leading Quality"
+          tag="Market Leader"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
-            { text: "Get Your Custom Quote", href: "#contact" },
+            { text: "Claim Your Edge", href: "#contact" },
-            { text: "Explore Premium Designs", href: "#products" },
+            { text: "Compare Quality", href: "#features" },
          ]}
-          buttonAnimation="blur-reveal"
+          mediaAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg"
          imageAlt="Premium metal carport structure"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>
      <div id="about" data-section="about">
        <AboutMetric
-          title="Market-Dominating Performance: Why Competitors Can't Keep Up"
+          title="Proven Excellence: The Gold Standard In Metal Carport Engineering"
          metrics={[
-            { icon: Shield, label: "Years of Innovation", value: "25+" },
+            { icon: Shield, label: "Unmatched Durability", value: "25+" },
-            { icon: Award, label: "Superior Projects", value: "5,000+" },
+            { icon: Award, label: "Industry Dominance", value: "5,000+" },
-            { icon: Users, label: "Loyal Customers", value: "15,000+" },
+            { icon: Users, label: "Trust & Loyalty", value: "15,000+" },
-            { icon: Zap, label: "Lifetime Protection", value: "20 Years" },
+            { icon: Lock, label: "Lifetime Quality", value: "20 Yrs" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
@@ -88,56 +87,62 @@ export default function MetalStructuresPage() {
      <div id="features" data-section="features">
        <FeatureCardTwentyThree
-          title="Revolutionary Features That Crush Competition"
+          title="Superior Features That Crush The Competition"
-          description="Discover why leading architects and engineers choose our metal carports for their most demanding projects. Advanced engineering meets aesthetic perfection."
+          description="Every element engineered to outperform. Experience the difference that true quality and innovation bring to metal carport structures."
-          tag="Game-Changing Technology"
+          tag="Competitive Advantage"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
-              id: "1",              title: "Unmatched Structural Integrity",              tags: ["Advanced Steel", "Engineering Excellence"],
+              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: "Advanced 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: "Architectural Masterpieces",              tags: ["Design Innovation", "Custom Solutions"],
+              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?_wi=1",              imageAlt: "Architectural 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 Installation Excellence",              tags: ["Precision Installation", "Master Craftsmen"],
+              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: "Discover More", href: "#contact" }]}
+          buttons={[{ text: "See Why We Lead", href: "#contact" }]}
          buttonAnimation="blur-reveal"
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardOne
-          title="Premium Carport Collections That Set the Standard"
+          title="Premium Carport Collections Built To Dominate"
-          description="Experience the full spectrum of our metal carport solutions—each engineered to exceed expectations and dominate its category."
+          description="Every product engineered for maximum performance. Choose from our elite lineup of metal carport solutions that outshine every alternative."
-          tag="Best-In-Class Selection"
+          tag="Market-Leading Designs"
          tagIcon={ShoppingCart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
-              id: "1",              name: "Elite Residential Carport",              price: "$3,500",              imageSrc:
+              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: "Elite residential carport"},
+                "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 Powerhouse",              price: "$8,200",              imageSrc:
+              id: "2",              name: "Industrial Fortress Carport",              price: "$9,800",              imageSrc:
-                "http://img.b2bpic.net/free-photo/empty-basketball-field_23-2149231820.jpg",              imageAlt: "Commercial powerhouse carport"},
+                "http://img.b2bpic.net/free-photo/empty-basketball-field_23-2149231820.jpg",              imageAlt: "Commercial grade carport"
            },
            {
-              id: "3",              name: "Architectural Signature",              price: "$12,000",              imageSrc:
+              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: "Architectural signature carport"},
+                "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 Premium Quote", href: "#contact" }]}
+          buttons={[{ text: "Get Unbeatable Quote", href: "#contact" }]}
          buttonAnimation="blur-reveal"
        />
      </div>
@@ -145,21 +150,25 @@ export default function MetalStructuresPage() {
      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Performance Metrics That Prove Our Superiority"
-          description="Hard numbers that demonstrate why we're the market leader in metal carport innovation and reliability."
+          description="Verified excellence across every dimension. These numbers show why industry leaders choose us over every competitor."
-          tag="Verified Excellence"
+          tag="Verified Performance"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          metrics={[
            {
-              id: "1",              title: "Steel Grade Superiority",              subtitle: "Advanced Materials · Certified Quality",              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: "Hurricane-Force Capability",              subtitle: "Engineering Excellence · Safety First",              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: "Lightning-Fast Installation",              subtitle: "Quick Turnaround · Zero 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: "Lifetime Durability Promise",              subtitle: "Premium Protection · Total 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"
@@ -168,9 +177,9 @@ export default function MetalStructuresPage() {
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
-          title="Testimonials from Satisfied Market Leaders"
+          title="Elite Clients Trust Our Unmatched Quality"
-          description="Hear directly from industry professionals and property owners who've experienced the MetalStructures difference."
+          description="Verified testimonials from industry leaders and satisfied customers who chose us over the competition."
-          tag="Client Success Stories"
+          tag="Proven Excellence"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
@@ -181,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?_wi=1"},
+                "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?_wi=2"},
+                "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="Competitive Advantage Questions Answered"
+          sideTitle="Unbeatable Answers To Common Questions"
-          sideDescription="Get detailed answers about what makes our metal carports superior to the competition, installation excellence, and our industry-leading warranty."
+          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 do your carports outlast the competition?",              content:
-                "Our premium metal carports leverage advanced material science and superior engineering to consistently outperform competitors. With proper maintenance, our structures deliver 20+ years of flawless service, often exceeding 30 years of reliable performance."},
+                "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: "What customization options set you apart?",              content:
+              id: "2",              title: "Can we customize designs to our exact specifications?",              content:
-                "We offer unlimited customization including exclusive design options, premium materials, color selections, advanced features, and bespoke architectural solutions that competitors simply cannot match."},
+                "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: "Why is your warranty industry-leading?",              content:
+              id: "3",              title: "What warranty protection is included?",              content:
-                "We provide a comprehensive 20-year structural warranty plus extended weather protection guarantees for all frame connections and components. This reflects our absolute confidence in superior manufacturing quality."},
+                "Lifetime structural warranty covering all materials and workmanship, plus extended weather protection. This is the industry's most comprehensive guarantee."
            },
            {
-              id: "4",              title: "How quickly can you deploy?",              content:
+              id: "4",              title: "How quickly can you install?",              content:
-                "Most installations complete within 5-10 business days, demonstrating our operational excellence and efficient project management that minimizes any disruption to your property."},
+                "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: "What financing flexibility do you offer?",              content:
+              id: "5",              title: "Do you offer financing for large projects?",              content:
-                "We partner with premium financing companies to deliver flexible payment plans and competitive rates. Our sales experts will structure the perfect solution for your investment."},
+                "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 your carports handle extreme weather?",              content:
+              id: "6",              title: "Will carports withstand extreme weather conditions?",              content:
-                "Yes. Our carports are engineered to withstand hurricane-force winds up to 150mph and extreme snow loads. We conduct rigorous testing to guarantee structural integrity in the most demanding environmental conditions."},
+                "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="Claim Your Competitive Advantage Today"
+          title="Secure Your Competitive Advantage Today"
-          description="Connect with our elite team of metal carport specialists to discuss your project and receive a custom quote that outshines all alternatives."
+          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,
@@ -256,46 +277,45 @@ export default function MetalStructuresPage() {
          ]}
          textarea={{
            name: "message",            placeholder:
-              "Describe your project vision and why you deserve the best metal carport solution...",            rows: 5,
+              "Tell us your project requirements. We'll show you why we beat the competition...",            rows: 5,
            required: true,
          }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/metal-background_1339-2019.jpg"
-          imageAlt="Premium metal carport background"
+          imageAlt="Metal carport background"
          mediaAnimation="slide-up"
          mediaPosition="right"
-          buttonText="Get Premium Quote"
+          buttonText="Get Unbeatable Quote"
          buttonAnimation="blur-reveal"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="MetalStructures"
-          copyrightText="© 2025 MetalStructures Carports. Industry Leaders in Premium Metal Solutions."
+          copyrightText="© 2025 MetalStructures Carports. Setting Industry Standards."
          columns={[
            {
              title: "Products",              items: [
                { label: "Elite Residential", href: "#products" },
-                { label: "Commercial Solutions", href: "#products" },
+                { label: "Industrial Solutions", href: "#products" },
-                { label: "Architectural Designs", href: "#contact" },
+                { label: "Luxury Designs", href: "#contact" },
-                { label: "Warranties & Coverage", href: "#faq" },
+                { label: "Premium Coverage", href: "#faq" },
              ],
            },
            {
              title: "Company",              items: [
-                { label: "About MetalStructures", href: "#about" },
+                { label: "Market Leadership", href: "#about" },
-                { label: "Our Expert Team", href: "#" },
+                { label: "Expert Team", href: "#" },
                { label: "Quality Standards", href: "#" },
-                { label: "Career Opportunities", href: "#" },
+                { label: "Industry Awards", href: "#" },
              ],
            },
            {
              title: "Support",              items: [
-                { label: "Contact Our Specialists", href: "#contact" },
+                { label: "Contact Us", href: "#contact" },
-                { label: "FAQ & Resources", href: "#faq" },
+                { label: "FAQ", href: "#faq" },
                { label: "Installation Guide", href: "#" },
-                { label: "Maintenance Excellence", href: "#" },
+                { label: "Maintenance Tips", href: "#" },
              ],
            },
          ]}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */
-  --background: #fcf6ec;
+  --background: #ffffff;
-  --card: #f3ede2;
+  --card: #f5f5f5;
-  --foreground: #2e2521;
+  --foreground: #000000;
-  --primary-cta: #2e2521;
+  --primary-cta: #e34400;
  --primary-cta-text: #fcf6ec;
  --secondary-cta: #ffffff;
  --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
+  --accent: #ff7b05;
-  --background-accent: #b2a28b;
+  --background-accent: #e34400;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	842a4b0835	Update src/app/page.tsx	2026-03-05 04:10:53 +00:00
bender	decad3f4c7	Update src/app/styles/variables.css	2026-03-05 04:07:48 +00:00
bender	e4227b94a8	Update src/app/page.tsx	2026-03-05 04:07:48 +00:00
bender	a230c1a4ea	Update src/app/page.tsx	2026-03-05 04:05:27 +00:00