167 lines
8.6 KiB
TypeScript
167 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Arch Roofing Systems"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
title="Excellence in Every Shingle."
|
|
description="Arch Roofing Systems delivers premium residential roofing solutions to Gadsden, Alabama. Trust our experts for high-end replacements and storm damage repairs."
|
|
buttons={[
|
|
{ text: "Get a Free Estimate", href: "/contact" },
|
|
{ text: "Schedule a Free Roof Inspection", href: "/contact" },
|
|
]}
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394274812-pl7r83r5.jpg", imageAlt: "Luxury roof installation Gadsden" },
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "Roof replacement project Alabama" },
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Premium roofing detail gold finish" },
|
|
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-752efr3h.jpg", imageAlt: "Roofing construction expert site" },
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg", imageAlt: "Modern luxury residential roof" },
|
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/rooftop_23-2148098547.jpg", imageAlt: "Arch Roofing project showcase" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-home" data-section="about-home">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Gadsden's Trusted Luxury Roofing Expert"
|
|
description="We specialize in high-end roof replacement and storm damage assistance, ensuring your home remains secure and sophisticated for years to come."
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-modern-office_1170-1963.jpg"
|
|
imageAlt="Professional roof inspection team"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-list" data-section="services-list">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Roof Replacement", description: "Full-scale roof replacements using premium materials designed for Alabama weather.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg", imageAlt: "Replacement project"},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Architectural Shingles" },
|
|
{ icon: CheckCircle, text: "Metal Roofing Options" },
|
|
{ icon: CheckCircle, text: "Lifetime Warranty" },
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg", imageAlt: "Storm damage repair"},
|
|
items: [
|
|
{ icon: Shield, text: "Free Inspection" },
|
|
{ icon: Shield, text: "Insurance Coordination" },
|
|
{ icon: Shield, text: "Urgent Response" },
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg", imageAlt: "Routine inspection"},
|
|
items: [
|
|
{ icon: Star, text: "Detailed Reporting" },
|
|
{ icon: Star, text: "Preventive Maintenance" },
|
|
{ icon: Star, text: "Safety Checks" },
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Comprehensive Roofing Services"
|
|
description="From storm damage repair to custom roof replacement, we handle your Gadsden roofing needs with precision and care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
title="Our Performance in Gadsden"
|
|
description="Numbers that reflect our dedication to roofing excellence and customer satisfaction."
|
|
metrics={[
|
|
{ id: "m1", value: "500+", title: "Roofs Completed", description: "Successful projects delivered across Alabama.", icon: Home },
|
|
{ id: "m2", value: "15+", title: "Years Experience", description: "Building trust through precision craftsmanship.", icon: Award },
|
|
{ id: "m3", value: "100%", title: "Insured/Bonded", description: "Safety and reliability guaranteed on every site.", icon: ShieldCheck },
|
|
{ id: "m4", value: "24/7", title: "Emergency Help", description: "Ready to respond to urgent storm damage.", icon: Clock },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Custom Roofing Packages"
|
|
description="Tailored solutions for your residential property needs."
|
|
plans={[
|
|
{
|
|
id: "p1", title: "Essential Roof Maintenance", price: "$299", period: "/visit", features: ["Gutter Inspection", "Shingle Assessment", "Leak Prevention Check"],
|
|
button: { text: "Select Plan", href: "/contact" },
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-ceramic-roof-tiles-government-building-dijon-burgundy-france_1101-2625.jpg", imageAlt: "Maintenance inspection"},
|
|
{
|
|
id: "p2", title: "Full Replacement Project", price: "Custom", period: "/quote", features: ["Premium Materials", "Full Disposal & Cleanup", "Lifetime Warranty"],
|
|
button: { text: "Get Quote", href: "/contact" },
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666437.jpg", imageAlt: "Full roof project"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
|
|
{ title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
|
|
{ title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
|
|
]}
|
|
bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
|
|
bottomRightText="Lic. #123456"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|