Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bfed42ea5c | |||
| a34164d1ef | |||
| 553596a9f0 | |||
| 3e6c17158d |
142
src/app/page.tsx
142
src/app/page.tsx
@@ -29,57 +29,37 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Bennys Roofing"
|
brandName="Bennys Roofing and Gutter"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCarouselLogo
|
<HeroCarouselLogo
|
||||||
logoText="Bennys Roofing & Insulation"
|
logoText="Bennys Roofing and Gutter"
|
||||||
description="Expert roofing and gutter insulation services to keep your home safe, dry, and energy-efficient year-round."
|
description="Expert roofing and classic gutter services to keep your home safe and dry year-round."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get a Free Quote",
|
text: "Get a Free Quote", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
slides={[
|
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
imageAlt: "Gutter cleaning and insulation 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",
|
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"},
|
||||||
imageAlt: "Modern home roofing system installation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/a-high-quality-professional-photograph-o-1774767914662-80d63541.png?_wi=4",
|
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"},
|
||||||
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",
|
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"},
|
||||||
imageAlt: "Quality guaranteed roof insulation",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -92,26 +72,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "s1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
title: "Gutter Systems",
|
|
||||||
description: "Installation and insulation of advanced 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",
|
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: "Thermal Insulation",
|
|
||||||
description: "Reduce energy costs with our professional attic insulation.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbpoL4vCvKRV1wqOpmVD2Kd09f/insulation-materials-being-installed-in--1774767916004-8f9eeff3.png",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Professional Services"
|
title="Professional Services"
|
||||||
description="We specialize in high-performance roofing and insulation solutions tailored to your home's needs."
|
description="We specialize in high-performance roofing and traditional gutter solutions tailored to your home's needs."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -123,26 +91,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
name: "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",
|
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"},
|
||||||
name: "Spray Foam Insulation",
|
|
||||||
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"
|
title="Quality Materials"
|
||||||
description="We use only top-tier materials for long-lasting results."
|
description="We use only top-tier, classic materials for long-lasting results."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -153,40 +109,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
name: "Mark D.",
|
|
||||||
role: "Homeowner",
|
|
||||||
testimonial: "Professional gutter install, 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",
|
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"},
|
||||||
name: "Elena R.",
|
|
||||||
role: "Homeowner",
|
|
||||||
testimonial: "Huge difference in energy bills.",
|
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
description="Don't just take our word for it."
|
description="Don't just take our word for it."
|
||||||
@@ -197,34 +128,27 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
tag="Contact Us"
|
tag="Contact Us"
|
||||||
title="Get a Free Quote"
|
title="Get a Free Quote"
|
||||||
description="Reach out today to discuss your roofing and insulation needs."
|
description="Reach out today to discuss your roofing and classic gutter needs."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call Now",
|
text: "Call Now", href: "tel:5550123456"},
|
||||||
href: "tel:5550123456",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Bennys Roofing"
|
logoText="Bennys Roofing and Gutter"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Terms of Service",
|
text: "Terms of Service", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user