Merge version_1 into main #1
284
src/app/page.tsx
284
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Materials",
|
||||
id: "#materials",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Materials", id: "#materials" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="All Metals Roofing"
|
||||
/>
|
||||
@@ -61,40 +46,16 @@ export default function LandingPage() {
|
||||
logoText="All Metals Roofing and Materials LLC"
|
||||
description="Premium metal roofing materials with a bold, dependable presence. Built for trust. Designed to convert."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+12252948971",
|
||||
},
|
||||
{ text: "Request a Quote", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+12252948971" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg",
|
||||
imageAlt: "Premium metal panels",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg",
|
||||
imageAlt: "High quality trim",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
imageAlt: "Dependable inventory",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg",
|
||||
imageAlt: "Roofing accessories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
|
||||
imageAlt: "Residential metal roof",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-wall_1127-2041.jpg",
|
||||
imageAlt: "Commercial roofing",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg", imageAlt: "Premium metal panels" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg", imageAlt: "High quality trim" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg", imageAlt: "Dependable inventory" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg", imageAlt: "Roofing accessories" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg", imageAlt: "Residential metal roof" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cement-wall_1127-2041.jpg", imageAlt: "Commercial roofing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,12 +64,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built around dependable service and practical expertise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,36 +75,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Metal Roofing Supply",
|
||||
author: "All Metals",
|
||||
description: "Premium metal panels, trim, fasteners, and underlayment.",
|
||||
tags: [
|
||||
"Residential",
|
||||
"Commercial",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg",
|
||||
},
|
||||
id: "s1", title: "Metal Roofing Supply", author: "All Metals", description: "Premium metal panels, trim, fasteners, and underlayment.", tags: ["Residential", "Commercial"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Custom Orders",
|
||||
author: "All Metals",
|
||||
description: "Fast, accurate material preparation cut to your exact length.",
|
||||
tags: [
|
||||
"Cut-to-Length",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-bolts-nuts_23-2152024248.jpg",
|
||||
},
|
||||
id: "s2", title: "Custom Orders", author: "All Metals", description: "Fast, accurate material preparation cut to your exact length.", tags: ["Cut-to-Length"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-bolts-nuts_23-2152024248.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Contractor Support",
|
||||
author: "All Metals",
|
||||
description: "Reliable material sourcing and bulk ordering for roofing crews.",
|
||||
tags: [
|
||||
"Bulk Ordering",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-screwdrivers-wooden-surface_181624-32595.jpg",
|
||||
},
|
||||
id: "s3", title: "Contractor Support", author: "All Metals", description: "Reliable material sourcing and bulk ordering for roofing crews.", tags: ["Bulk Ordering"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-screwdrivers-wooden-surface_181624-32595.jpg"},
|
||||
]}
|
||||
title="Our Professional Roofing Services"
|
||||
description="High-quality material supply and custom material prep for all project scales."
|
||||
@@ -162,60 +96,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Metal",
|
||||
name: "Metal Panels",
|
||||
price: "Inquire",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756593.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Trim",
|
||||
name: "Trim Packages",
|
||||
price: "Inquire",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-construction-equipments-inside-storehouse-factory_114579-2836.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Fasteners",
|
||||
name: "Fasteners",
|
||||
price: "Inquire",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brushes-blank-paper-page_23-2148575535.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Roofing",
|
||||
name: "Underlayment",
|
||||
price: "Inquire",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Accessories",
|
||||
name: "Ridge Caps",
|
||||
price: "Inquire",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-red-plastic-dowels-gray_166373-1548.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Flashing",
|
||||
name: "Flashing Material",
|
||||
price: "Inquire",
|
||||
rating: 5,
|
||||
reviewCount: "110+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-screw-wooden-background_53876-42559.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Metal", name: "Metal Panels", price: "Inquire", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756593.jpg" },
|
||||
{ id: "p2", brand: "Trim", name: "Trim Packages", price: "Inquire", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/industry-construction-equipments-inside-storehouse-factory_114579-2836.jpg" },
|
||||
{ id: "p3", brand: "Fasteners", name: "Fasteners", price: "Inquire", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/brushes-blank-paper-page_23-2148575535.jpg" },
|
||||
{ id: "p4", brand: "Roofing", name: "Underlayment", price: "Inquire", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg" },
|
||||
{ id: "p5", brand: "Accessories", name: "Ridge Caps", price: "Inquire", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-red-plastic-dowels-gray_166373-1548.jpg" },
|
||||
{ id: "p6", brand: "Flashing", name: "Flashing Material", price: "Inquire", rating: 5, reviewCount: "110+", imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-screw-wooden-background_53876-42559.jpg" },
|
||||
]}
|
||||
title="Comprehensive Material Selection"
|
||||
description="Premium components to complete every professional roofing installation."
|
||||
@@ -224,35 +110,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24h",
|
||||
title: "Lead Times",
|
||||
items: [
|
||||
"Fast quoting",
|
||||
"Timely delivery",
|
||||
],
|
||||
id: "m1", value: "24h", title: "Lead Times", items: ["Fast quoting", "Timely delivery"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.7",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"23 verified reviews",
|
||||
"High satisfaction",
|
||||
],
|
||||
id: "m2", value: "4.7", title: "Google Rating", items: ["23 verified reviews", "High satisfaction"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Inventory Support",
|
||||
items: [
|
||||
"Bulk availability",
|
||||
"Dependable stock",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Inventory Support", items: ["Bulk availability", "Dependable stock"],
|
||||
},
|
||||
]}
|
||||
title="Service Excellence Metrics"
|
||||
@@ -262,44 +131,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah-roofer",
|
||||
testimonial: "Where I go for all my metal roofing needs. Great service and friendly staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384861.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarah-roofer", testimonial: "Where I go for all my metal roofing needs. Great service and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384861.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen-builds",
|
||||
testimonial: "Customer service is outstanding, with helpful people and dependable follow-through.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12848.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@mchen-builds", testimonial: "Customer service is outstanding, with helpful people and dependable follow-through.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12848.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Kim",
|
||||
handle: "@dkim-contractor",
|
||||
testimonial: "Good prices, knowledgeable help, and a professional experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg",
|
||||
},
|
||||
id: "t3", name: "David Kim", handle: "@dkim-contractor", testimonial: "Good prices, knowledgeable help, and a professional experience.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod-roofing",
|
||||
testimonial: "Outstanding quality, very dependable service for my crews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily Rodriguez", handle: "@erod-roofing", testimonial: "Outstanding quality, very dependable service for my crews.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert Miller",
|
||||
handle: "@rmiller-home",
|
||||
testimonial: "Best service in Hammond, very helpful people.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
|
||||
},
|
||||
id: "t5", name: "Robert Miller", handle: "@rmiller-home", testimonial: "Best service in Hammond, very helpful people.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg"},
|
||||
]}
|
||||
title="Trusted by Local Builders"
|
||||
description="Feedback from professionals who value service and reliability."
|
||||
@@ -312,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you handle custom orders?",
|
||||
content: "Yes, we prioritize quick material prep cut to your project lengths.",
|
||||
},
|
||||
id: "q1", title: "Do you handle custom orders?", content: "Yes, we prioritize quick material prep cut to your project lengths."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What roofing materials are in stock?",
|
||||
content: "We carry panels, trim, fasteners, and complete accessories.",
|
||||
},
|
||||
id: "q2", title: "What roofing materials are in stock?", content: "We carry panels, trim, fasteners, and complete accessories."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you help contractors?",
|
||||
content: "Absolutely, we have specialized support for builders and crews.",
|
||||
},
|
||||
id: "q3", title: "Do you help contractors?", content: "Absolutely, we have specialized support for builders and crews."},
|
||||
]}
|
||||
title="Common Roofing Questions"
|
||||
description="Answers about our products, support, and ordering."
|
||||
@@ -336,16 +172,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at 10261 Moore Rd, Hammond, LA 70403 or call (225) 294-8971. We are available Monday-Friday, 8 AM - 4 PM for your metal roofing requirements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.app.goo.gl",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "https://maps.app.goo.gl" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -354,33 +183,16 @@ export default function LandingPage() {
|
||||
logoText="All Metals Roofing and Materials LLC"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Materials",
|
||||
href: "#materials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Materials", href: "#materials" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user