bender/b4bbd53d-3dc5-474a-aaee-e0f5f4002ef0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 12:30:18 +00:00
parent 12228525eb
commit ef01bf6875
1 changed files with 42 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Shield, ArrowDown, AlertTriangle } from 'lucide-react';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
@@ -31,48 +32,33 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Roofing USA"
button={{
text: "Get Quote",
href: "#contact",
}}
text: "Get Quote", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Reliable Roofing Solutions Across America"
description="Expert residential and commercial roofing services built to last. We protect your home with high-quality materials and professional craftsmanship."
imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg"
imageAlt="Professional roof installation"
buttons={[
{
text: "Get Quote",
href: "#contact",
},
text: "Get Quote", href: "#contact"},
{
text: "View Services",
href: "#features",
},
text: "View Services", href: "#features"},
]}
/>
</div>
@@ -85,17 +71,11 @@ export default function LandingPage() {
description="With over two decades of experience, Roofing USA has provided thousands of homeowners and businesses with durable, efficient roofing solutions."
bulletPoints={[
{
title: "Licensed Professionals",
description: "Fully insured and certified installation experts.",
},
title: "Licensed Professionals", description: "Fully insured and certified installation experts."},
{
title: "Premium Materials",
description: "We source top-tier shingles and materials.",
},
title: "Premium Materials", description: "We source top-tier shingles and materials."},
{
title: "Lifetime Guarantee",
description: "Comprehensive warranty on all labor and supplies.",
},
title: "Lifetime Guarantee", description: "Comprehensive warranty on all labor and supplies."},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg"
imageAlt="Our professional team"
@@ -109,28 +89,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "New Roof Installation",
description: "Complete builds using durable, climate-tested materials.",
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
buttonIcon: "Zap",
title: "New Roof Installation", description: "Complete builds using durable, climate-tested materials.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", buttonIcon: Zap,
},
{
title: "Insulation & Ventilation",
description: "Energy-efficient solutions for better climate control.",
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756549.jpg",
buttonIcon: "Shield",
title: "Insulation & Ventilation", description: "Energy-efficient solutions for better climate control.", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756549.jpg", buttonIcon: Shield,
},
{
title: "Gutter Repair & Maintenance",
description: "Protect your roof perimeter with effective drainage.",
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
buttonIcon: "ArrowDown",
title: "Gutter Repair & Maintenance", description: "Protect your roof perimeter with effective drainage.", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg", buttonIcon: ArrowDown,
},
{
title: "Emergency Leak Repair",
description: "Rapid response team for all roofing emergencies.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
buttonIcon: "AlertTriangle",
title: "Emergency Leak Repair", description: "Rapid response team for all roofing emergencies.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", buttonIcon: AlertTriangle,
},
]}
title="Comprehensive Roofing Services"
@@ -146,41 +114,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Premium Asphalt Shingles",
price: "Starting at $4,500",
imageSrc: "http://img.b2bpic.net/free-photo/striped-texture-background_23-2147960298.jpg",
},
id: "p1", name: "Premium Asphalt Shingles", price: "Starting at $4,500", imageSrc: "http://img.b2bpic.net/free-photo/striped-texture-background_23-2147960298.jpg"},
{
id: "p2",
name: "Architectural Metal Panels",
price: "Starting at $7,200",
imageSrc: "http://img.b2bpic.net/free-photo/white-painted-wood-wall-background-texture_158595-6487.jpg",
},
id: "p2", name: "Architectural Metal Panels", price: "Starting at $7,200", imageSrc: "http://img.b2bpic.net/free-photo/white-painted-wood-wall-background-texture_158595-6487.jpg"},
{
id: "p3",
name: "Clay Tile System",
price: "Starting at $9,500",
imageSrc: "http://img.b2bpic.net/free-photo/old-tiles-roof-background_1373-44.jpg",
},
id: "p3", name: "Clay Tile System", price: "Starting at $9,500", imageSrc: "http://img.b2bpic.net/free-photo/old-tiles-roof-background_1373-44.jpg"},
{
id: "p4",
name: "Natural Slate Shingles",
price: "Starting at $12,000",
imageSrc: "http://img.b2bpic.net/free-photo/old-brown-roof-tile-pattern-background-texture_1150-21736.jpg",
},
id: "p4", name: "Natural Slate Shingles", price: "Starting at $12,000", imageSrc: "http://img.b2bpic.net/free-photo/old-brown-roof-tile-pattern-background-texture_1150-21736.jpg"},
{
id: "p5",
name: "Solar Integrated Tiles",
price: "Starting at $15,000",
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-house-roof_23-2151951211.jpg",
},
id: "p5", name: "Solar Integrated Tiles", price: "Starting at $15,000", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-house-roof_23-2151951211.jpg"},
{
id: "p6",
name: "Rubber Roofing Membrane",
price: "Starting at $5,800",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",
},
id: "p6", name: "Rubber Roofing Membrane", price: "Starting at $5,800", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg"},
]}
title="Our Roofing Materials"
description="Select the perfect material for your home's aesthetic and environmental needs."
@@ -194,51 +138,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
name: "Basic Protection",
price: "$3,999",
features: [
"Standard Asphalt",
"5-Year Warranty",
"Basic Inspection",
],
id: "basic", name: "Basic Protection", price: "$3,999", features: [
"Standard Asphalt", "5-Year Warranty", "Basic Inspection"],
buttons: [
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
],
},
{
id: "standard",
name: "Standard Shield",
price: "$6,499",
features: [
"Architectural Shingle",
"15-Year Warranty",
"Attic Assessment",
],
id: "standard", name: "Standard Shield", price: "$6,499", features: [
"Architectural Shingle", "15-Year Warranty", "Attic Assessment"],
buttons: [
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
],
},
{
id: "premium",
name: "Premium Estate",
price: "$10,999",
features: [
"Luxury Materials",
"Lifetime Warranty",
"Full Roof Checkup",
],
id: "premium", name: "Premium Estate", price: "$10,999", features: [
"Luxury Materials", "Lifetime Warranty", "Full Roof Checkup"],
buttons: [
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
],
},
]}
@@ -254,40 +174,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
handle: "@sarah_m",
testimonial: "Roofing USA did an incredible job installing our new shingles. Professional and quick!",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
},
id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Roofing USA did an incredible job installing our new shingles. Professional and quick!", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg"},
{
id: "2",
name: "David Thompson",
handle: "@d_thomp",
testimonial: "Fixed our leak instantly during a storm. Couldn't be happier with the fast service.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-family-holding-roof-their-head_23-2149038355.jpg",
},
id: "2", name: "David Thompson", handle: "@d_thomp", testimonial: "Fixed our leak instantly during a storm. Couldn't be happier with the fast service.", imageSrc: "http://img.b2bpic.net/free-photo/cute-family-holding-roof-their-head_23-2149038355.jpg"},
{
id: "3",
name: "Emma Wilson",
handle: "@emma_w",
testimonial: "The crew was polite, cleaned up perfectly, and the roof looks stunning.",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
},
id: "3", name: "Emma Wilson", handle: "@emma_w", testimonial: "The crew was polite, cleaned up perfectly, and the roof looks stunning.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg"},
{
id: "4",
name: "James Anderson",
handle: "@j_ander",
testimonial: "Top quality metal roofing. Energy bills have already gone down significantly.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
},
id: "4", name: "James Anderson", handle: "@j_ander", testimonial: "Top quality metal roofing. Energy bills have already gone down significantly.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg"},
{
id: "5",
name: "Robert Brown",
handle: "@r_brown",
testimonial: "Highly recommended for any roofing needs. Very honest and reliable contractor.",
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
},
id: "5", name: "Robert Brown", handle: "@r_brown", testimonial: "Highly recommended for any roofing needs. Very honest and reliable contractor.", imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg"},
]}
title="Client Success Stories"
description="See why thousands of homeowners trust us with their roofs."
@@ -298,8 +193,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Start Your Project"
title="Request a Free Roof Estimate"
description="Get a custom quote today from our expert roofing consultants."
@@ -314,29 +208,19 @@ export default function LandingPage() {
{
items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
],
},
]}