174 lines
7.9 KiB
TypeScript
174 lines
7.9 KiB
TypeScript
"use client";
|
||
|
||
import Link from "next/link";
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import { Award, Clock, CheckCircle, DollarSign } from 'lucide-react';
|
||
|
||
export default function HomePage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="large"
|
||
background="aurora"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="Y&B Roofing Inc."
|
||
navItems={[
|
||
{ name: "Services", id: "services" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Why Y&B", id: "why-yb" },
|
||
{ name: "Testimonials", id: "testimonials" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardCarousel
|
||
title="Protect What Matters Most"
|
||
description="Premium Roofing & Emergency Repairs Done Right the First Time. Fast Response. Winter Service Available. Honest Pricing."
|
||
tag="Trusted Local Experts"
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "aurora" }}
|
||
buttons={[
|
||
{ text: "Request Free Inspection", href: "contact" },
|
||
{ text: "Call Now – Fast Response", href: "tel:+1234567890" }
|
||
]}
|
||
mediaItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-car_1206-22.jpg", imageAlt: "Professional roofing crew working at sunset" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "Professional roof repair work" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Full roof replacement installation" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-checking-car-engine-while-road-trip_23-2148851127.jpg", imageAlt: "Emergency roofing response" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=1", imageAlt: "Y&B Roofing professional team" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/nutria-myocastor-coypus-ark_181624-53664.jpg", imageAlt: "Raccoon damage repair specialists" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust-strip" data-section="trust-strip">
|
||
<SocialProofOne
|
||
title="Why Homeowners Choose Y&B"
|
||
description="Trusted for excellence, integrity, and rapid response in all conditions"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Emergency & Winter Repairs",
|
||
"Leak & Damage Specialists",
|
||
"Fair, Transparent Estimates",
|
||
"Fully Insured & Professional Crew"
|
||
]}
|
||
showCard={true}
|
||
speed={30}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="Built on Integrity. Known for Results. At Y&B Roofing Inc., we believe your roof deserves more than a quick fix. It deserves precision craftsmanship, honest pricing, and a team that shows up when others won't."
|
||
useInvertedBackground={false}
|
||
metricsAnimation="slide-up"
|
||
metrics={[
|
||
{ icon: Award, label: "5-Star Rated", value: "100%" },
|
||
{ icon: Clock, label: "Fast Response", value: "24/7" },
|
||
{ icon: CheckCircle, label: "Quality Repairs", value: "Guaranteed" },
|
||
{ icon: DollarSign, label: "Honest Pricing", value: "Fair" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwelve
|
||
title="Services We Provide"
|
||
description="Comprehensive roofing solutions for every need. From emergency repairs to full replacements."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
features={[
|
||
{
|
||
id: "repair",
|
||
label: "Repair",
|
||
title: "Roof Repair Services",
|
||
items: ["Leaks & seal failures", "Flashing issues", "Hatches & sealing", "Emergency patching"],
|
||
buttons: [{ text: "Learn More", href: "services" }]
|
||
},
|
||
{
|
||
id: "replacement",
|
||
label: "Replace",
|
||
title: "Roof Replacement",
|
||
items: ["Full tear-offs", "Premium materials", "Professional installation", "Warranty coverage"],
|
||
buttons: [{ text: "Learn More", href: "services" }]
|
||
},
|
||
{
|
||
id: "wildlife",
|
||
label: "Wildlife",
|
||
title: "Wildlife Damage Repair",
|
||
items: ["Raccoon intrusion repair", "Vent guard installation", "Preventative measures", "Expert assessment"],
|
||
buttons: [{ text: "Learn More", href: "services" }]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
title="Real Customer Experiences"
|
||
description="See what homeowners have to say about Y&B Roofing's service and expertise."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
title: "Winter Emergency Response",
|
||
quote: "We desperately needed our roof done in winter… Y&B came through when others couldn't. Honest, responsive, and fair.",
|
||
name: "Deneen Gillespie",
|
||
role: "Homeowner",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
|
||
imageAlt: "Deneen Gillespie"
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Wildlife Damage Experts",
|
||
quote: "Outstanding job repairing raccoon damage. Professional, responsive, and thorough. They treated our home like it was theirs.",
|
||
name: "Barb Balantine",
|
||
role: "Homeowner",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=1",
|
||
imageAlt: "Barb Balantine"
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Fast & Reliable Service",
|
||
quote: "They came out very quickly and fixed my roof hatch. Great service and great people. Highly recommend.",
|
||
name: "Mason Totaro",
|
||
role: "Homeowner",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||
imageAlt: "Mason Totaro"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Y&B Roofing Inc."
|
||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |