6 Commits

Author SHA1 Message Date
79459dd099 Update src/app/page.tsx 2026-03-05 04:06:37 +00:00
acd806bf69 Update src/app/styles/variables.css 2026-03-05 04:05:13 +00:00
e8c166e76b Update src/app/styles/base.css 2026-03-05 04:05:12 +00:00
be353887f2 Update src/app/page.tsx 2026-03-05 04:05:12 +00:00
a8c3cb4728 Update src/app/layout.tsx 2026-03-05 04:05:11 +00:00
325a4e63fd Merge version_2 into main
Merge version_2 into main
2026-03-05 04:04:16 +00:00
4 changed files with 127 additions and 116 deletions

View File

@@ -1,37 +1,31 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import { Public_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const publicSans = Public_Sans({
variable: "--font-public-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Premium Metal Carports | Custom Structures & Designs", description: "Discover durable, engineered metal carport structures designed to protect and enhance your property. 20-year warranty, expert installation, custom designs.", keywords: "metal carports, carport structures, custom carports, residential carports, commercial carports, durable carports, steel carports", robots: {
title: "Premium Metal Carports | Best Choice Metal Structures West", description: "Engineered metal carport structures designed to blow the competition away. Custom designs, 20-year warranty, expert installation. Transform your property today.", keywords: "metal carports, carport structures, custom carports, residential carports, commercial carports, durable carports, steel carports, metal structures", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Premium Metal Carports | Custom Structures & Designs", description: "Discover durable, engineered metal carport structures designed to protect and enhance your property.", type: "website", siteName: "MetalStructures", images: [
title: "Premium Metal Carports | Best Choice Metal Structures West", description: "Engineered metal carport structures designed to blow the competition away.", type: "website", siteName: "Best Choice Metal Structures West", images: [
{
url: "http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg", alt: "Premium metal carport"},
],
},
twitter: {
card: "summary_large_image", title: "Premium Metal Carports | Custom Structures & Designs", description: "Discover durable, engineered metal carport structures designed to protect and enhance your property.", images: ["http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg"],
card: "summary_large_image", title: "Premium Metal Carports | Best Choice Metal Structures West", description: "Engineered metal carport structures designed to blow the competition away.", images: ["http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg"],
},
};
@@ -44,7 +38,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
className={`${dmSans.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}

View File

@@ -20,30 +20,29 @@ import {
ShoppingCart,
TrendingUp,
Hammer,
Layers,
Lightbulb,
Gauge,
Wrench,
} from "lucide-react";
export default function MetalStructuresPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="medium"
background="fluid"
cardStyle="solid"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="MetalStructures"
brandName="Best Choice Metal Structures W"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Home", id: "/" },
{ name: "Services", id: "features" },
{ name: "Products", id: "products" },
{ name: "About", id: "about" },
@@ -54,32 +53,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="Revolutionary Metal Carports That Outperform the Competition"
description="Built with cutting-edge engineering and designed to dominate. Our premium metal carports deliver unmatched durability, stunning aesthetics, and superior value that leaves competitors behind."
background={{ variant: "sparkles-gradient" }}
tag="Market Leading Innovation"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{ text: "Get Your Custom Quote", href: "#contact" },
{ text: "Explore Premium Designs", href: "#products" },
{ text: "Get Your Quote Now", href: "#contact" },
{ text: "Explore Game-Changing Designs", href: "#products" },
]}
buttonAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg"
imageAlt="Premium metal carport structure"
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg"
imageAlt="Revolutionary premium metal carport structure"
imagePosition="right"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Market-Dominating Performance: Why Competitors Can't Keep Up"
title="Why Best Choice Metal Structures West Dominates the Industry"
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: "Years Perfecting Excellence", value: "25+" },
{ icon: Award, label: "Transformative Projects", value: "5,000+" },
{ icon: Users, label: "Loyal Customers Nationwide", value: "15,000+" },
{ icon: Zap, label: "Unmatched Warranty", value: "20 Years" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -88,78 +86,86 @@ 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"
tagIcon={Star}
title="Why We Blow the Competition Away"
description="Discover the competitive advantages that make our metal carports the choice of discerning customers everywhere."
tag="Competitive Edge"
tagIcon={Hammer}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "1", title: "Unmatched Structural Integrity", tags: ["Advanced Steel", "Engineering Excellence"],
id: "1", title: "Superior Engineering Excellence", tags: ["Premium Materials", "Advanced Design"],
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: "Superior engineered steel carport structure"
},
{
id: "2", title: "Architectural Masterpieces", tags: ["Design Innovation", "Custom Solutions"],
id: "2", title: "Stunning Visual Designs That Captivate", tags: ["Modern Architecture", "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: "Stunning modern carport design showcase"
},
{
id: "3", title: "Expert Installation Excellence", tags: ["Precision Installation", "Master Craftsmen"],
id: "3", title: "Expert Installation by Certified Professionals", tags: ["Rapid Execution", "Quality Assurance"],
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: "Expert professional installation team"
},
]}
animationType="slide-up"
buttons={[{ text: "Discover More", href: "#contact" }]}
buttonAnimation="blur-reveal"
buttons={[{ text: "Discover All Advantages", href: "#contact" }]}
/>
</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="Industry-Dominating Carport Collections"
description="Explore our revolutionary range of metal carport designs that set new standards in the industry."
tag="Premium Excellence"
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: "Residential Excellence Carport", price: "$3,500", imageSrc:
"http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg", imageAlt: "Premium residential 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: "Commercial Grade Superior Carport", price: "$8,200", imageSrc:
"http://img.b2bpic.net/free-photo/empty-basketball-field_23-2149231820.jpg", imageAlt: "Commercial grade superior 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: "Premium Architectural Masterpiece Carport", 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: "Premium architectural masterpiece carport"
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
buttons={[{ text: "Request Premium Quote", href: "#contact" }]}
buttonAnimation="blur-reveal"
buttons={[{ text: "Request Your Custom Quote", href: "#contact" }]}
/>
</div>
<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"
title="Performance Metrics That Dominate"
description="Our unmatched specifications prove why we're the industry leader."
tag="Proven Excellence"
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: "Premium Steel Rating", subtitle: "Structural Excellence · Superior Materials", category: "Quality Standard", value: "A+ Certified"
},
{
id: "2", title: "Hurricane-Force Capability", subtitle: "Engineering Excellence · Safety First", category: "Performance", value: "Up to 150mph"},
id: "2", title: "Extreme Wind Resistance", subtitle: "Advanced Engineering · Proven Performance", category: "Performance", value: "Up to 150mph"
},
{
id: "3", title: "Lightning-Fast Installation", subtitle: "Quick Turnaround · Zero Disruption", category: "Service", value: "5-10 Days"},
id: "3", title: "Rapid Installation", subtitle: "Professional Execution · Minimal Disruption", category: "Service", value: "5-10 Days"
},
{
id: "4", title: "Lifetime Durability Promise", subtitle: "Premium Protection · Total Assurance", category: "Warranty", value: "20 Years"},
id: "4", title: "Lifetime Protection Guarantee", subtitle: "Enduring Durability · Maximum Value", category: "Warranty", value: "20 Years"
},
]}
animationType="slide-up"
uniformGridCustomHeightClasses="min-h-80"
@@ -168,9 +174,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="Industry Leaders Choose Us"
description="Real testimonials from satisfied customers who've experienced our competitive advantage."
tag="Customer Testimonials"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="default"
@@ -181,65 +187,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="Questions About Our Industry-Leading Carports?"
sideDescription="Get comprehensive answers about our revolutionary metal carport structures, rapid installation, and industry-best 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."},
id: "1", title: "How long do your premium carports last?", content:
"Our premium metal carports are engineered to last 20+ years with minimal maintenance. Many of our installations exceed 30 years of reliable service, outperforming industry standards significantly."
},
{
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 I customize the design to match my vision?", content:
"Absolutely! We offer extensive customization including size, design aesthetics, color options, and additional features. Our design team works with you to create the perfect carport that exceeds your expectations."
},
{
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 do you offer?", content:
"We provide a comprehensive 20-year structural warranty covering all materials and workmanship, plus additional weather protection guarantees. This demonstrates our confidence in quality and durability."
},
{
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 within 5-10 business days. Our professional team works efficiently to minimize disruption while maintaining the highest quality standards."
},
{
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 flexible financing?", content:
"Yes, we partner with leading financing companies to offer flexible payment plans tailored to your budget. Contact our sales team for detailed information about current financing 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."},
"Our carports are engineered to withstand winds exceeding 150mph and heavy snow loads. We perform rigorous testing to ensure structural integrity exceeds industry standards in extreme conditions."
},
]}
/>
</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="Transform Your Property Today"
description="Connect with our expert team to discuss your metal carport needs and receive a personalized quote for your revolutionary structure."
inputs={[
{
name: "fullName", type: "text", placeholder: "Full Name", required: true,
@@ -256,7 +274,7 @@ 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 about your project requirements and vision...", rows: 5,
required: true,
}}
useInvertedBackground={true}
@@ -264,38 +282,37 @@ export default function MetalStructuresPage() {
imageAlt="Premium metal carport background"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Get Premium Quote"
buttonAnimation="blur-reveal"
buttonText="Get Custom Quote Now"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="MetalStructures"
copyrightText="© 2025 MetalStructures Carports. Industry Leaders in Premium Metal Solutions."
logoText="Best Choice Metal Structures W"
copyrightText="© 2025 Best Choice Metal Structures West. All rights reserved."
columns={[
{
title: "Products", items: [
{ label: "Elite Residential", href: "#products" },
{ label: "Residential Carports", href: "#products" },
{ label: "Commercial Solutions", href: "#products" },
{ label: "Architectural Designs", href: "#contact" },
{ label: "Warranties & Coverage", href: "#faq" },
{ label: "Custom Designs", href: "#contact" },
{ label: "Warranties", href: "#faq" },
],
},
{
title: "Company", items: [
{ label: "About MetalStructures", href: "#about" },
{ label: "Our Expert Team", href: "#" },
{ label: "About Us", href: "#about" },
{ label: "Our Team", href: "#" },
{ label: "Quality Standards", href: "#" },
{ label: "Career Opportunities", href: "#" },
{ label: "Careers", 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: "#" },
],
},
]}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-public-sans), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-public-sans), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #2e2521;
--primary-cta: #2e2521;
--background: #010912;
--card: #152840;
--foreground: #e6f0ff;
--primary-cta: #cee7ff;
--primary-cta-text: #fcf6ec;
--secondary-cta: #ffffff;
--secondary-cta: #0e1a29;
--secondary-cta-text: #2e2521;
--accent: #b2a28b;
--background-accent: #b2a28b;
--accent: #3f5c79;
--background-accent: #004a93;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);