Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5f8036e231 | |||
| d0a647b1b4 | |||
| 5d458a3c7a | |||
| 1c60d8c542 | |||
| 216fd97ead | |||
| 5f288e11c2 | |||
| 4ca38203c0 | |||
| 809574dbfd | |||
| 66afc9ea02 |
@@ -7,7 +7,6 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
|
|||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
||||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
@@ -30,18 +29,17 @@ export default function LandingPage() {
|
|||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "hero" },
|
{ name: "Home", id: "hero" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "Products", id: "products" },
|
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
]}
|
]}
|
||||||
brandName="Bennys Roofing and Gutter"
|
brandName="Bennys Roofing and Gutter Install"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
title="Bennys Roofing and Gutter"
|
title="Bennys Roofing and Gutter Install"
|
||||||
description="Expert roofing and classic gutter services to keep your home safe and dry year-round."
|
description="Professional roofing and premium gutter installation services. Quality craftsmanship you can trust for your home."
|
||||||
background={{ variant: "gradient-bars" }}
|
background={{ variant: "gradient-bars" }}
|
||||||
kpis={[
|
kpis={[
|
||||||
{ value: "20+", label: "Years Experience" },
|
{ value: "20+", label: "Years Experience" },
|
||||||
@@ -50,68 +48,56 @@ export default function LandingPage() {
|
|||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||||
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/roofer-working-on-roof-1774767915165-4a4cabf0.jpg?_wi=1"
|
||||||
|
imageAlt="Roofer working on a residential roof install"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
<div id="services" data-section="services">
|
||||||
<FeatureCardTwentyOne
|
<FeatureCardTwentyOne
|
||||||
title="Professional Services"
|
title="Our Core Services"
|
||||||
description="We specialize in high-performance roofing and traditional gutter solutions tailored to your home's needs."
|
description="Comprehensive solutions for your property, delivered with precision and integrity."
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{ id: "s1", title: "Roof Repair", content: "Quick, durable repairs for leaks and storm damage." },
|
{ id: "s1", title: "Full Roof Installation", content: "Complete roof replacements using high-grade, durable materials to ensure long-term weather protection." },
|
||||||
{ id: "s2", title: "Classic Gutters", content: "Installation and restoration of timeless, high-capacity gutter systems." },
|
{ id: "s2", title: "Full Roof Repairs", content: "Expert diagnostics and repair services for leaks, storm damage, and general wear to maintain your home's integrity." },
|
||||||
{ id: "s3", title: "Roof Maintenance", content: "Scheduled inspections and maintenance to prolong roof life." }
|
{ id: "s3", title: "Gutter Installation", content: "Custom gutter system installations designed to maximize drainage efficiency and protect your home's foundation." }
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/premium-roof-shingles-in-bundles-profess-1774767915165-4a4cabf0.png?_wi=1"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/roofer-installing-shingles-1774767915165-4a4cabf0.jpg?_wi=1"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
|
||||||
<ProductCardFour
|
|
||||||
title="Quality Materials"
|
|
||||||
description="We use only top-tier, classic materials for long-lasting results."
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
products={[
|
|
||||||
{ id: "p1", name: "Asphalt Shingles", price: "Request Quote", variant: "Roofing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/premium-roof-shingles-in-bundles-profess-1774767915165-4a4cabf0.png?_wi=2" },
|
|
||||||
{ id: "p2", name: "Traditional Gutter Guards", price: "Request Quote", variant: "Gutters", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/professional-gutter-guards-with-protecti-1774767916483-7ade6c86.png" }
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
title="What Our Clients Say"
|
title="Client Success Stories"
|
||||||
description="Don't just take our word for it."
|
description="See why homeowners trust us for their exterior home projects."
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{ id: "t1", title: "Excellent Service", quote: "Excellent service and quick repair!", name: "Sarah J.", role: "Homeowner" },
|
{ id: "t1", title: "Exceptional Results", quote: "Bennys Roofing and Gutter Install delivered perfectly. My home looks brand new!", name: "Sarah J.", role: "Homeowner" },
|
||||||
{ id: "t2", title: "Professional", quote: "Professional gutter installation, very satisfied.", name: "Mark D.", role: "Homeowner" },
|
{ id: "t2", title: "Top Professionalism", quote: "They handled my gutter system installation with great care and efficiency.", name: "Mark D.", role: "Homeowner" },
|
||||||
{ id: "t3", title: "Reliable", quote: "Highly recommend their roofing services.", name: "Elena R.", role: "Homeowner" },
|
{ id: "t3", title: "Truly Reliable", quote: "Professional, communicative, and hard-working. Highly recommended.", name: "Elena R.", role: "Homeowner" },
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
title="Get a Free Quote"
|
title="Let's Get Started"
|
||||||
description="Reach out today to discuss your roofing and classic gutter needs."
|
description="Request your free assessment today and let our professionals handle your roofing and gutters."
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
inputs={[
|
inputs={[
|
||||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||||
]}
|
]}
|
||||||
textarea={{ name: "message", placeholder: "Tell us about your project" }}
|
textarea={{ name: "message", placeholder: "Describe your project" }}
|
||||||
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/roofer-on-roof-team-1774767915165-4a4cabf0.jpg?_wi=1"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
logoText="Bennys Roofing and Gutter"
|
logoText="Bennys Roofing and Gutter Install"
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user