Update src/app/page.tsx
This commit is contained in:
256
src/app/page.tsx
256
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ShieldCheck, CalendarCheck, Home, PhoneCall, Star } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
@@ -30,99 +31,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Residential",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Commercial",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Residential", id: "#services" },
|
||||
{ name: "Commercial", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
]}
|
||||
brandName="Horn Brothers"
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
brandName="Horn Brothers Roofing"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Expert Residential & Commercial Roofing in Colorado"
|
||||
description="Horn Brothers Roofing is a top-tier roofing company with 28 years of experience, dedicated to excellence and commitment for all your roofing needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
description="With 28 years of dedicated experience, Horn Brothers Roofing delivers premium residential and commercial roofing solutions across Colorado. Built on integrity, quality craftsmanship, and a commitment to excellence."
|
||||
buttons={[{ text: "Get Your Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-background-roof-texture-tiles-generative-al_169016-28456.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-cheerful-beautiful-brunette-girl-cosy-knitted-sweater-smiling-holding-glass-champagne-yellow-wall_176420-11638.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by thousands of Colorado homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "28 Years Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Colorado Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repairs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Roofing Excellence"
|
||||
description="With 28 years of industry experience, Horn Brothers Roofing serves Colorado with integrity. From detailed repairs to full roof replacements, we deliver top-tier results for both homes and businesses."
|
||||
title="Nearly Three Decades of Reliability"
|
||||
description="Since our founding, Horn Brothers Roofing has been the trusted name for Colorado homeowners and businesses. We combine time-tested techniques with modern roofing technology to ensure your structure is protected against the unpredictable Rocky Mountain elements."
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
@@ -132,40 +66,19 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Professional Roofing Solutions"
|
||||
description="Whether it's a small residential repair or a large-scale commercial installation, our expert crews handle every project with precision."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Residential",
|
||||
title: "Home Roofing",
|
||||
items: [
|
||||
"Shingle replacement",
|
||||
"Leak repair",
|
||||
"Gutter installation",
|
||||
],
|
||||
id: "1", label: "Residential", title: "Home Roofing Services", items: ["Expert shingle replacement", "Custom roof repairs", "Complete gutter systems"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Commercial",
|
||||
title: "Business Roofing",
|
||||
items: [
|
||||
"Flat roof systems",
|
||||
"Roof maintenance",
|
||||
"Large-scale repair",
|
||||
],
|
||||
id: "2", label: "Commercial", title: "Business Roofing Systems", items: ["Advanced flat roof solutions", "Full maintenance programs", "Emergency roofing repairs"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Mountain",
|
||||
title: "Mountain Communities",
|
||||
items: [
|
||||
"Snow load assessment",
|
||||
"Alpine roof durability",
|
||||
"Weather resistant solutions",
|
||||
],
|
||||
id: "3", label: "Specialty", title: "Mountain & Alpine", items: ["Snow-load engineering", "Alpine weather durability", "High-altitude materials"],
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="We offer high-quality roofing solutions tailored to Colorado's unique climate."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,37 +87,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to the Colorado community is reflected in our long-term results and client trust."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "28",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Industry dedication",
|
||||
"Proven results",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Commitment",
|
||||
items: [
|
||||
"Exceptional quality",
|
||||
"Full transparency",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Thousands",
|
||||
title: "Satisfied Clients",
|
||||
items: [
|
||||
"Residential homes",
|
||||
"Commercial buildings",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "28+", title: "Years Serving Colorado", items: ["Industry leading experience"] },
|
||||
{ id: "m2", value: "100%", title: "Quality Guaranteed", items: ["Licensed and insured experts"] },
|
||||
{ id: "m3", value: "Thousands", title: "Happy Clients", items: ["Homes and businesses protected"] },
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
description="Decades of trust across Colorado."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,108 +102,45 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "Denver, CO",
|
||||
testimonial: "Excellent service and quick repair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
handle: "Montrose, CO",
|
||||
testimonial: "Professional, clean, and honest.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
handle: "Colorado Springs, CO",
|
||||
testimonial: "The best roofing company I've worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/box-pov-girl-parcel-unboxing-joy_169016-68951.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "Denver, CO",
|
||||
testimonial: "Fast turnaround and fair pricing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
handle: "Boulder, CO",
|
||||
testimonial: "Responsive team and knowledgeable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Colorado Says"
|
||||
description="See why property owners across the state trust the Horn Brothers name."
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
description="Real feedback from satisfied Colorado homeowners."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "Denver", testimonial: "Fast response and a flawless roof installation. Highly professional team.", rating: 5 },
|
||||
{ id: "2", name: "Mark R.", handle: "Montrose", testimonial: "Exceptional quality, honest pricing, and they kept my site spotless.", rating: 5 },
|
||||
{ id: "3", name: "Emily P.", handle: "Colorado Springs", testimonial: "The only team I trust for our business properties. Truly reliable experts.", rating: 5 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Common Roofing Questions"
|
||||
description="Get answers about our installation and repair process."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "Yes, we provide professional inspections and estimates for every job.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a replacement take?",
|
||||
content: "Most residential replacements are completed within a few days.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you serve mountain communities?",
|
||||
content: "Yes, we specialize in high-altitude roofing solutions.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers for your roofing questions."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer free roof inspections?", content: "Yes, we provide thorough, no-obligation roof inspections and detailed estimates." },
|
||||
{ id: "f2", title: "How soon can you start my roof repair?", content: "For emergency repairs, we prioritize your call. Standard replacements are scheduled upon project approval." },
|
||||
{ id: "f3", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and carry comprehensive insurance for all residential and commercial projects." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to get started on your roof? Reach out to our team in Denver or Montrose today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:555-0199",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready for a better roof? Get your professional consultation with Colorado's roofing experts today."
|
||||
buttons={[{ text: "Call Our Team", href: "tel:1-800-ROOFING" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Horn Brothers Roofing"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user