bender/d0139da5-b808-4c06-b989-4a7bf057782d
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #5

Open
bender wants to merge 4 commits from version_2 into main
pull from: version_2
merge into: bender:main
Conversation 0 Commits 4 Files Changed 2 +109 -89
2 changed files with 109 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

186
src/app/page.tsx
View File

@@ -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"
primaryButtonStyle="shadow"
cardStyle="gradient-mesh"
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"
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."
background={{ variant: "gradient-bars" }}
tag="Industry-Leading 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 Your Custom Quote", href: "#contact" },
{ text: "Explore Premium Designs", href: "#products" },
{ text: "Claim Your Edge", href: "#contact" },
{ 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: Award, label: "Superior Projects", value: "5,000+" },
{ icon: Users, label: "Loyal Customers", value: "15,000+" },
{ icon: Zap, label: "Lifetime Protection", 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}
@@ -88,56 +87,62 @@ export default function MetalStructuresPage() {
<div id="features" data-section="features">
<FeatureCardTwentyThree
title="Revolutionary Features That Crush Competition"
description="Discover why leading architects and engineers choose our metal carports for their most demanding projects. Advanced engineering meets aesthetic perfection."
tag="Game-Changing Technology"
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: "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"
description="Experience the full spectrum of our metal carport solutions—each engineered to exceed expectations and dominate its category."
tag="Best-In-Class Selection"
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: "Elite Residential Carport", price: "$3,500", imageSrc:
"http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg", imageAlt: "Elite residential 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 Powerhouse", price: "$8,200", imageSrc:
"http://img.b2bpic.net/free-photo/empty-basketball-field_23-2149231820.jpg", imageAlt: "Commercial powerhouse 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: "Architectural Signature", price: "$12,000", 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"},
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 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."
tag="Verified Excellence"
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 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"
description="Hear directly from industry professionals and property owners who've experienced the MetalStructures difference."
tag="Client Success Stories"
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"
@@ -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"
sideDescription="Get detailed answers about what makes our metal carports superior to the competition, installation excellence, and our industry-leading warranty."
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 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:
"We offer unlimited customization including exclusive design options, premium materials, color selections, advanced features, and bespoke architectural solutions that competitors simply cannot match."},
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: "Why is your warranty industry-leading?", 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."},
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 quickly can you deploy?", content:
"Most installations complete within 5-10 business days, demonstrating our operational excellence and efficient project management that minimizes any 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: "What financing flexibility do you offer?", 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."},
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 your carports handle extreme weather?", 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."},
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="Claim 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."
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,
@@ -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"
buttonAnimation="blur-reveal"
buttonText="Get Unbeatable Quote"
/>
</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: "Architectural Designs", href: "#contact" },
{ label: "Warranties & Coverage", href: "#faq" },
{ label: "Industrial Solutions", href: "#products" },
{ label: "Luxury Designs", href: "#contact" },
{ label: "Premium Coverage", href: "#faq" },
],
},
{
title: "Company", items: [
{ label: "About MetalStructures", href: "#about" },
{ label: "Our Expert Team", href: "#" },
{ label: "Market Leadership", href: "#about" },
{ 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: "FAQ & Resources", href: "#faq" },
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "#faq" },
{ label: "Installation Guide", href: "#" },
{ label: "Maintenance Excellence", href: "#" },
{ label: "Maintenance Tips", href: "#" },
],
},
]}

12
src/app/styles/variables.css
View File

@@ -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);