217 lines
12 KiB
TypeScript
217 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "FAQ", id: "faq"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="All Seasons Roofing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "downward-rays-static-grid"}}
|
|
title="All Seasons Roofing: Your Trusted Roofing Partner in Flagstaff, AZ"
|
|
description="Delivering beautiful, durable roofs with experienced professionals. We stand by our quality, ensuring peace of mind for every season."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Estimate", href: "#contact"},
|
|
{
|
|
text: "Explore Our Services", href: "#services"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg", imageAlt: "Modern house with a new grey roof"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg", imageAlt: "Roofer working on a residential house"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-large-building-resembling-castle_181624-23006.jpg", imageAlt: "Beautiful home with a red tile roof"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-young-student-outdoors-holding-yellow-leaves_1163-2528.jpg", imageAlt: "Flagstaff Arizona landscape with houses and new roofs"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=1", imageAlt: "Commercial building with a flat roof"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg", imageAlt: "Close-up of a storm damaged roof being repaired"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Experienced Professionals, Quality You Can Trust"
|
|
description="At All Seasons Roofing, we pride ourselves on exceptional craftsmanship and unparalleled customer satisfaction. Our team of seasoned experts brings years of experience to every project, ensuring your roof is built to last through all weather conditions. While our reviews speak for themselves, we continually strive to deliver the best service and transparent communication."
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-partners-touring-office-space-with-realtor-layout-plans_482257-90955.jpg"
|
|
imageAlt="Professional roofing team on a job site"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "New Roof Installation", description: "Durable, weather-resistant roofs for new constructions and complete replacements, tailored to your home's style and needs.", imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=2", imageAlt: "Worker installing new asphalt shingles on a roof"},
|
|
{
|
|
id: 2,
|
|
title: "Roof Repair & Maintenance", description: "Expert diagnosis and efficient repair of leaks, storm damage, and general wear and tear to extend your roof's lifespan.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg", imageAlt: "Roofer fixing a damaged shingle on a residential roof"},
|
|
{
|
|
id: 3,
|
|
title: "Damaged Wood Replacement", description: "Thorough inspection and replacement of damaged underlying wood (sheathing, fascia, soffit) to ensure structural integrity.", imageSrc: "http://img.b2bpic.net/free-photo/low-view-construction-house_23-2148748812.jpg", imageAlt: "Carpenter replacing damaged wood on a roof structure"},
|
|
{
|
|
id: 4,
|
|
title: "Residential & Commercial", description: "Providing top-quality roofing services for both residential homes and commercial properties, ensuring tailored solutions for every client.", imageSrc: "http://img.b2bpic.net/free-vector/housing-collection_23-2147913604.jpg", imageAlt: "Residential and commercial buildings with different roofing"},
|
|
]}
|
|
title="Comprehensive Roofing Solutions"
|
|
description="From new installations to essential repairs, we cover all your roofing needs with precision and care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Homeowner, Flagstaff", testimonial: "All Seasons Roofing did a beautiful job on our new roof. The team was professional, efficient, and left everything spotless. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg", imageAlt: "Portrait of Sarah J."},
|
|
{
|
|
id: "2", name: "Mark D.", role: "Property Manager", testimonial: "The best roofing company we've worked with in Flagstaff. Their expertise and attention to detail are unmatched, truly a great experience.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-14195.jpg", imageAlt: "Portrait of Mark D."},
|
|
{
|
|
id: "3", name: "Emily R.", role: "Small Business Owner", testimonial: "Great to work with All Seasons Roofing. They handled our commercial property's roof repair quickly and professionally. Excellent communication throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/young-professional-female-executive-wearing-red-jacket-while-sitting-outside-workplace_662251-2084.jpg", imageAlt: "Portrait of Emily R."},
|
|
{
|
|
id: "4", name: "David L.", role: "Resident, Flagstaff", testimonial: "Their experienced pros delivered a quality roof that we know will last. They truly care about their craft and their customers.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-owner-with-document-medium-shot_23-2149434531.jpg", imageAlt: "Portrait of David L."},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear from our happy clients about their experience with All Seasons Roofing, reflecting our commitment to excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How often should I inspect my roof?", content: "We recommend a professional roof inspection at least once a year, ideally in the spring or fall, and especially after any major storms to catch potential issues early."},
|
|
{
|
|
id: "2", title: "Do you offer free estimates?", content: "Yes, All Seasons Roofing provides comprehensive and no-obligation free estimates for all our services. We'll assess your roofing needs and provide a detailed quote."},
|
|
{
|
|
id: "3", title: "Are you licensed and insured?", content: "Absolutely. All Seasons Roofing is fully licensed and insured in Flagstaff, AZ, ensuring peace of mind and protection for our clients and our team."},
|
|
{
|
|
id: "4", title: "Do you replace damaged wood under the roof?", content: "Yes, during our roof inspection and replacement process, we thoroughly check for any damaged or rotten wood (sheathing, fascia, soffit) and replace it to ensure a strong, sound roof structure."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-architect-holding-blueprints_23-2148269834.jpg"
|
|
imageAlt="Roofer showing a roof plan blueprint to a client"
|
|
mediaAnimation="none"
|
|
title="Frequently Asked Questions"
|
|
description="We're here to provide clear answers and ensure you feel confident in choosing All Seasons Roofing for your next project."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get Your Free Roofing Estimate Today"
|
|
description="Ready for a beautiful, durable roof in Flagstaff, AZ? Contact us for a detailed consultation and no-obligation estimate."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your roofing needs...", rows: 5,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-examination-cabinet-medical-checkup-facility_482257-30451.jpg"
|
|
imageAlt="Modern office building exterior or reception area"
|
|
mediaAnimation="none"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Services", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="All Seasons Roofing"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |