4 Commits

Author SHA1 Message Date
842a4b0835 Update src/app/page.tsx 2026-03-05 04:10:53 +00:00
decad3f4c7 Update src/app/styles/variables.css 2026-03-05 04:07:48 +00:00
e4227b94a8 Update src/app/page.tsx 2026-03-05 04:07:48 +00:00
a230c1a4ea Update src/app/page.tsx 2026-03-05 04:05:27 +00:00
4 changed files with 104 additions and 95 deletions

View File

@@ -1,31 +1,37 @@
import type { Metadata } from "next";
import { DM_Sans } from "next/font/google";
import { Halant } 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 dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
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 | 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: {
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: {
index: true,
follow: true,
},
openGraph: {
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: [
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: [
{
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 | 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"],
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"],
},
};
@@ -38,7 +44,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${dmSans.variable} ${inter.variable} antialiased`}
className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
>
<Tag />
{children}

View File

@@ -20,27 +20,28 @@ import {
ShoppingCart,
TrendingUp,
Hammer,
Lightbulb,
Wrench,
Gauge,
Lock,
} from "lucide-react";
export default function MetalStructuresPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
contentWidth="smallMedium"
sizing="medium"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Best Choice Metal Structures W"
brandName="MetalStructures"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "features" },
@@ -53,31 +54,31 @@ export default function MetalStructuresPage() {
<div id="hero" data-section="hero">
<HeroSplit
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"
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 Quote Now", href: "#contact" },
{ text: "Explore Game-Changing 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"
imageAlt="Revolutionary premium metal carport structure"
imageAlt="Premium metal carport structure"
imagePosition="right"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Why Best Choice Metal Structures West Dominates the Industry"
title="Proven Excellence: The Gold Standard In Metal Carport Engineering"
metrics={[
{ 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" },
{ 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}
@@ -86,85 +87,87 @@ export default function MetalStructuresPage() {
<div id="features" data-section="features">
<FeatureCardTwentyThree
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}
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: "Superior Engineering Excellence", tags: ["Premium Materials", "Advanced Design"],
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: "Superior engineered 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: "Stunning Visual Designs That Captivate", tags: ["Modern Architecture", "Premium Aesthetics"],
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: "Stunning 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 Installation by Certified Professionals", tags: ["Rapid Execution", "Quality Assurance"],
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: "Expert professional installation team"
"http://img.b2bpic.net/free-photo/woodworker-is-leaning-wooden-table_613910-11850.jpg", imageAlt: "Professional installation process"
},
]}
animationType="slide-up"
buttons={[{ text: "Discover All Advantages", href: "#contact" }]}
buttons={[{ text: "See Why We Lead", href: "#contact" }]}
buttonAnimation="blur-reveal"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
title="Industry-Dominating Carport Collections"
description="Explore our revolutionary range of metal carport designs that set new standards in the industry."
tag="Premium Excellence"
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 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: "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 Superior Carport", price: "$8,200", imageSrc:
"http://img.b2bpic.net/free-photo/empty-basketball-field_23-2149231820.jpg", imageAlt: "Commercial grade superior 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 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"
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 Your Custom Quote", href: "#contact" }]}
buttons={[{ text: "Get Unbeatable Quote", href: "#contact" }]}
buttonAnimation="blur-reveal"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTen
title="Performance Metrics That Dominate"
description="Our unmatched specifications prove why we're the industry leader."
tag="Proven Excellence"
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: "Premium Steel Rating", subtitle: "Structural Excellence · Superior 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: "Extreme Wind Resistance", subtitle: "Advanced Engineering · Proven 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: "Rapid Installation", subtitle: "Professional Execution · 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: "Lifetime Protection Guarantee", subtitle: "Enduring Durability · Maximum Value", 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"
@@ -174,9 +177,9 @@ export default function MetalStructuresPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Industry Leaders Choose Us"
description="Real testimonials from satisfied customers who've experienced our competitive advantage."
tag="Customer Testimonials"
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"
@@ -220,35 +223,35 @@ export default function MetalStructuresPage() {
<div id="faq" data-section="faq">
<FaqSplitText
sideTitle="Questions About Our Industry-Leading Carports?"
sideDescription="Get comprehensive answers about our revolutionary metal carport structures, rapid installation, and industry-best 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 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: "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: "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: "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 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: "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 install?", content:
"Most installations complete within 5-10 business days. Our professional team works efficiently to minimize disruption while maintaining the highest quality standards."
"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 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: "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:
"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."
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."
},
]}
/>
@@ -256,8 +259,8 @@ export default function MetalStructuresPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
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."
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,
@@ -274,37 +277,37 @@ export default function MetalStructuresPage() {
]}
textarea={{
name: "message", placeholder:
"Tell us about your project requirements and vision...", 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 Custom Quote Now"
buttonText="Get Unbeatable Quote"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Best Choice Metal Structures W"
copyrightText="© 2025 Best Choice Metal Structures West. All rights reserved."
logoText="MetalStructures"
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: "#" },
],
},
{

View File

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

View File

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