Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5f8036e231 | |||
| d0a647b1b4 | |||
| 5d458a3c7a | |||
| 1c60d8c542 | |||
| 216fd97ead | |||
| 5f288e11c2 | |||
| 4ca38203c0 | |||
| 809574dbfd | |||
| 66afc9ea02 | |||
| eac2a07518 | |||
| 7a6f6726d4 | |||
| dacebcbc1d | |||
| 8019c223bb | |||
| 3531542da0 | |||
| 0203afaf43 | |||
| bd99a7d261 | |||
| 7fde700d1d |
155
src/app/page.tsx
155
src/app/page.tsx
@@ -2,13 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -22,130 +21,86 @@ export default function LandingPage() {
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bennys Roofing and Gutter"
|
||||
brandName="Bennys Roofing and Gutter Install"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Bennys Roofing and Gutter"
|
||||
description="Expert roofing and classic gutter services to keep your home safe and dry year-round."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/a-high-quality-professional-photograph-o-1774767914662-80d63541.png?_wi=1", imageAlt: "Professional residential roofing inspection"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/a-high-quality-professional-photograph-o-1774767914662-80d63541.png?_wi=2", imageAlt: "Classic gutter maintenance service"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/a-high-quality-professional-photograph-o-1774767914662-80d63541.png?_wi=3", imageAlt: "Traditional home roofing system"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/a-high-quality-professional-photograph-o-1774767914662-80d63541.png?_wi=4", imageAlt: "Residential roofing maintenance expert"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/a-high-quality-professional-photograph-o-1774767914662-80d63541.png?_wi=5", imageAlt: "Quality guaranteed roof work"},
|
||||
<HeroSplitKpi
|
||||
title="Bennys Roofing and Gutter Install"
|
||||
description="Professional roofing and premium gutter installation services. Quality craftsmanship you can trust for your home."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
kpis={[
|
||||
{ value: "20+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Projects Done" },
|
||||
{ value: "100%", label: "Satisfaction" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
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 id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
<FeatureCardTwentyOne
|
||||
title="Our Core Services"
|
||||
description="Comprehensive solutions for your property, delivered with precision and integrity."
|
||||
accordionItems={[
|
||||
{ id: "s1", title: "Full Roof Installation", content: "Complete roof replacements using high-grade, durable materials to ensure long-term weather protection." },
|
||||
{ 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: "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/roofer-installing-shingles-1774767915165-4a4cabf0.jpg?_wi=1"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1", title: "Roof Repair", description: "Quick, durable repairs for leaks and storm damage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/close-up-of-roof-shingles-being-inspecte-1774767914855-3cb4749f.png"},
|
||||
{
|
||||
id: "s2", title: "Classic Gutters", description: "Installation and restoration of timeless, high-capacity gutter systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/modern-gutter-system-on-a-clean-house-fa-1774767933637-166de80c.png"},
|
||||
{
|
||||
id: "s3", title: "Roof Maintenance", description: "Scheduled inspections and maintenance to prolong roof life.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/insulation-materials-being-installed-in--1774767916004-8f9eeff3.png"},
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="We specialize in high-performance roofing and traditional gutter solutions tailored to your home's needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Asphalt Shingles", price: "Request Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/premium-roof-shingles-in-bundles-profess-1774767915165-4a4cabf0.png"},
|
||||
{
|
||||
id: "p2", name: "Traditional Gutter Guards", price: "Request Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/professional-gutter-guards-with-protecti-1774767916483-7ade6c86.png"},
|
||||
{
|
||||
id: "p3", name: "Roofing Accessories", price: "Request Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/high-performance-thermal-spray-foam-insu-1774767917155-aee45914.png"},
|
||||
]}
|
||||
title="Quality Materials"
|
||||
description="We use only top-tier, classic materials for long-lasting results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<TestimonialCardTen
|
||||
title="Client Success Stories"
|
||||
description="See why homeowners trust us for their exterior home projects."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", role: "Homeowner", testimonial: "Excellent service and quick repair!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/portrait-of-a-smiling-homeowner-customer-1774767914601-52a8c52e.png?_wi=1"},
|
||||
{
|
||||
id: "t2", name: "Mark D.", role: "Homeowner", testimonial: "Professional gutter installation, very satisfied.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/portrait-of-a-business-professional-clea-1774767914808-2dfbb25f.png"},
|
||||
{
|
||||
id: "t3", name: "Elena R.", role: "Homeowner", testimonial: "Highly recommend their roofing services.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/portrait-of-an-elderly-couple-at-home-br-1774767914399-01a711f1.png"},
|
||||
{
|
||||
id: "t4", name: "David K.", role: "Homeowner", testimonial: "Reliable and honest company.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/portrait-of-a-young-family-in-front-of-t-1774767914514-1155e340.png"},
|
||||
{
|
||||
id: "t5", name: "Linda M.", role: "Homeowner", testimonial: "Great experience, efficient team, clean work site.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/portrait-of-a-smiling-homeowner-customer-1774767914601-52a8c52e.png?_wi=2"},
|
||||
{ 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: "Top Professionalism", quote: "They handled my gutter system installation with great care and efficiency.", name: "Mark D.", role: "Homeowner" },
|
||||
{ id: "t3", title: "Truly Reliable", quote: "Professional, communicative, and hard-working. Highly recommended.", name: "Elena R.", role: "Homeowner" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Get a Free Quote"
|
||||
description="Reach out today to discuss your roofing and classic gutter needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:5550123456"},
|
||||
<ContactSplitForm
|
||||
title="Let's Get Started"
|
||||
description="Request your free assessment today and let our professionals handle your roofing and gutters."
|
||||
useInvertedBackground={true}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
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 id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bennys Roofing and Gutter"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
<FooterLogoEmphasis
|
||||
logoText="Bennys Roofing and Gutter Install"
|
||||
columns={[
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user