9 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
e006c18e0b Update src/app/page.tsx 2026-03-05 04:04:11 +00:00
85ca2c2d9c Merge version_1 into main
Merge version_1 into main
2026-03-05 04:02:06 +00:00
39baf0806a Merge version_1 into main
Merge version_1 into main
2026-03-05 04:00:48 +00:00
4 changed files with 121 additions and 102 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

@@ -19,27 +19,30 @@ import {
Star,
ShoppingCart,
TrendingUp,
Hammer,
Lightbulb,
Gauge,
} 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" },
@@ -50,31 +53,31 @@ 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="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 a Quote", href: "#contact" },
{ text: "View Designs", href: "#products" },
{ text: "Get Your Quote Now", href: "#contact" },
{ text: "Explore Game-Changing Designs", href: "#products" },
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg"
imageAlt="Premium metal carport structure"
imageAlt="Revolutionary premium metal carport structure"
imagePosition="right"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Industry-Leading Metal Carport Solutions with Over Two Decades of Excellence"
title="Why Best Choice Metal Structures West Dominates the Industry"
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: "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}
@@ -83,76 +86,86 @@ 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"
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: "Engineered for Maximum Durability", tags: ["Steel Construction", "Weather Resistant"],
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: "Durable 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: "Customizable Modern Designs", tags: ["Architecture", "Custom Options"],
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", 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: "Stunning modern carport design showcase"
},
{
id: "3", title: "Expert Professional Installation", tags: ["Installation", "Expert Team"],
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: "Learn More", href: "#contact" }]}
buttons={[{ text: "Discover All Advantages", href: "#contact" }]}
/>
</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="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: "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: "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 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: "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: "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: "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 Quote", href: "#contact" }]}
buttons={[{ text: "Request Your Custom Quote", href: "#contact" }]}
/>
</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 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 Rating A+", subtitle: "Structural Integrity · Premium Materials", 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: "Wind Load Capacity", subtitle: "Engineering Excellence · Design Performance", 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: "Installation Timeline", subtitle: "Quick Turnaround · Minimal 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: "Maintenance-Free Guarantee", subtitle: "Long-lasting Protection · Value 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"
@@ -161,9 +174,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="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"
@@ -174,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"},
"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="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 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 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: "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 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: "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 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 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 within 5-10 business days. Our professional team works efficiently to minimize disruption while maintaining the highest quality standards."
},
{
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 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 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: "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."
},
]}
/>
</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="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,
@@ -249,22 +274,22 @@ export default function MetalStructuresPage() {
]}
textarea={{
name: "message", placeholder:
"Tell us about your project requirements and preferences...", rows: 5,
"Tell us about your project requirements and vision...", rows: 5,
required: true,
}}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/metal-background_1339-2019.jpg"
imageAlt="Metal carport background"
imageAlt="Premium metal carport background"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Request Quote"
buttonText="Get Custom Quote Now"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="MetalStructures"
copyrightText="© 2025 MetalStructures Carports. All rights reserved."
logoText="Best Choice Metal Structures W"
copyrightText="© 2025 Best Choice Metal Structures West. All rights reserved."
columns={[
{
title: "Products", items: [

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