370 lines
14 KiB
TypeScript
370 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Shield, Wrench, CheckCircle, Camera, Star, HelpCircle, Phone, Phone as PhoneIcon, MapPin, Mail } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="USA General Contractors"
|
|
bottomLeftText="El Paso, TX 79935"
|
|
bottomRightText="+1 915-633-3339"
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Trusted Roofing Contractors in El Paso"
|
|
description="Quality roof repairs, replacements, and insurance claim assistance from a local team you can trust. Serving El Paso homeowners with honest estimates and professional workmanship."
|
|
tag="Local Expertise"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "grid" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg?_wi=1",
|
|
imageAlt: "Professional roofing installation team",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
|
|
imageAlt: "Expert roof repair work",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1",
|
|
imageAlt: "Quality roof replacement project",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg",
|
|
imageAlt: "Storm damage restoration services",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2",
|
|
imageAlt: "Before and after roofing transformation",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg?_wi=1",
|
|
imageAlt: "Professional shingle replacement results",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{ text: "Request Free Estimate", href: "/contact" },
|
|
{ text: "Call Now: +1 915-633-3339", href: "tel:+19156333339" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Hero section for roofing services"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Services Section */}
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwelve
|
|
title="Our Roofing Services"
|
|
description="Comprehensive roofing solutions tailored to your needs. From emergency repairs to complete replacements, we handle it all with professionalism and care."
|
|
tag="Services"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "repair",
|
|
label: "Repair",
|
|
title: "Roof Repair & Maintenance",
|
|
items: [
|
|
"Emergency leak repairs",
|
|
"Shingle replacement",
|
|
"Flashing repairs",
|
|
"Gutter cleaning and repair",
|
|
],
|
|
buttons: [{ text: "Learn More", href: "/services" }],
|
|
},
|
|
{
|
|
id: "replacement",
|
|
label: "Replace",
|
|
title: "Complete Roof Replacement",
|
|
items: [
|
|
"New shingle installation",
|
|
"Metal roofing options",
|
|
"Premium materials",
|
|
"Extended warranties",
|
|
],
|
|
buttons: [{ text: "Get Estimate", href: "/contact" }],
|
|
},
|
|
{
|
|
id: "storm",
|
|
label: "Storm",
|
|
title: "Storm Damage Repair",
|
|
items: [
|
|
"Hail damage assessment",
|
|
"Wind damage restoration",
|
|
"Insurance claim support",
|
|
"Emergency response",
|
|
],
|
|
buttons: [{ text: "Report Damage", href: "/contact" }],
|
|
},
|
|
{
|
|
id: "insurance",
|
|
label: "Claims",
|
|
title: "Insurance Claim Assistance",
|
|
items: [
|
|
"Free damage inspections",
|
|
"Insurance documentation",
|
|
"Claim negotiation",
|
|
"Fast settlement support",
|
|
],
|
|
buttons: [{ text: "File Claim", href: "/contact" }],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Why Choose Us Section */}
|
|
<div id="why-choose" data-section="why-choose">
|
|
<TextAbout
|
|
tag="Why Choose Us"
|
|
tagIcon={CheckCircle}
|
|
title="Experienced roofing professionals committed to honest estimates, high-quality materials, and reliable workmanship. We're your local El Paso contractor dedicated to customer satisfaction and building lasting relationships."
|
|
buttons={[
|
|
{ text: "Schedule Free Inspection", href: "/contact" },
|
|
{ text: "View Our Portfolio", href: "/services" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Process Section */}
|
|
<div id="process" data-section="process">
|
|
<MetricCardFourteen
|
|
title="Our Proven Process for Your Roof"
|
|
tag="5-Step Process"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "Step 1",
|
|
description:
|
|
"Free roof inspection with detailed assessment and transparent evaluation",
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "Step 2",
|
|
description: "Honest estimate with no hidden fees or surprise charges",
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "Step 3",
|
|
description: "Insurance claim help if needed to maximize your coverage",
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "Step 4",
|
|
description:
|
|
"Professional installation with quality materials and expert workmanship",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Gallery Section */}
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardTwo
|
|
title="Our Work Gallery"
|
|
description="See the quality and craftsmanship of USA General Contractors through our completed projects. Before and after transformations showcase our commitment to excellence."
|
|
tag="Portfolio"
|
|
tagIcon={Camera}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Residential",
|
|
name: "Complete Roof Replacement",
|
|
price: "Transform",
|
|
rating: 5,
|
|
reviewCount: "Excellent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=3",
|
|
imageAlt: "Before and after roof replacement project",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Residential",
|
|
name: "Shingle Installation",
|
|
price: "Professional",
|
|
rating: 5,
|
|
reviewCount: "Quality",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg?_wi=2",
|
|
imageAlt: "Professional shingle installation results",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Emergency",
|
|
name: "Storm Damage Restoration",
|
|
price: "Complete",
|
|
rating: 5,
|
|
reviewCount: "Service",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
|
|
imageAlt: "Storm damage restoration completed",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real feedback from El Paso homeowners who trust USA General Contractors for their roofing needs."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Martinez",
|
|
role: "Homeowner",
|
|
company: "El Paso",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",
|
|
imageAlt: "Sarah Martinez, satisfied customer",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "John Thompson",
|
|
role: "Business Owner",
|
|
company: "East El Paso",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=1",
|
|
imageAlt: "John Thompson testimonial",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Maria Garcia",
|
|
role: "Property Manager",
|
|
company: "Central El Paso",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1",
|
|
imageAlt: "Maria Garcia review",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Chen",
|
|
role: "Homeowner",
|
|
company: "West El Paso",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg?_wi=1",
|
|
imageAlt: "David Chen customer review",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Rachel Johnson",
|
|
role: "Insurance Agent",
|
|
company: "El Paso",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg?_wi=1",
|
|
imageAlt: "Rachel Johnson professional testimonial",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Michael Rodriguez",
|
|
role: "Homeowner",
|
|
company: "Northeast El Paso",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",
|
|
imageAlt: "Michael Rodriguez satisfied customer",
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact CTA Section */}
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Need a Roof Inspection?"
|
|
description="Schedule your free inspection and estimate today. Our team will assess your roof and provide an honest quote with no hidden fees."
|
|
tagIcon={PhoneIcon}
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Request Estimate"
|
|
termsText="We respect your privacy. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="USA General Contractors"
|
|
copyrightText="© 2025 USA General Contractors INC. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: PhoneIcon,
|
|
href: "tel:+19156333339",
|
|
ariaLabel: "Call USA General Contractors",
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
href: "https://maps.google.com/?q=1302+Gail+Borden+Pl+Suite+A-2+El+Paso+TX+79935",
|
|
ariaLabel: "View location on Google Maps",
|
|
},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:info@usageneralcontractors.com",
|
|
ariaLabel: "Email USA General Contractors",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |