bender/8c6ce2a4-d8de-46ef-aaf0-f6dc19bde66c
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 09:14:35 +00:00
parent 9525ffe882
commit 519c81097e
1 changed files with 43 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

340
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Shield, Star } from "lucide-react";
import { Award, Shield, Star, Zap, Hammer, Search } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,22 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Colin's Emergency Roofers"
/>
@@ -59,71 +47,14 @@ export default function LandingPage() {
title="Emergency Roof Repairs 24/7"
description="Don't let a leak destroy your home. Our expert team is ready to provide rapid, reliable emergency roofing repairs at any hour."
testimonials={[
{
name: "Alice M.",
handle: "@alicem",
testimonial: "Colin fixed our leak in the middle of a storm! Life saver.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-screwdriver-wearing-hardhat-by-construction-stairs-sticking-tongue-out-happy-with-funny-expression_839833-12323.jpg",
},
{
name: "Bob R.",
handle: "@bobr",
testimonial: "Professional, quick, and very reliable service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
},
{
name: "Charlie D.",
handle: "@charlied",
testimonial: "Highly recommended for any urgent roofing issue.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-pointing-house-model-looking-confident-front-view_176474-30846.jpg",
},
{
name: "Dana K.",
handle: "@danak",
testimonial: "Excellent workmanship and fair pricing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/carefree-multiethnic-woman-man-examine-paperwork_273609-44257.jpg",
},
{
name: "Evan L.",
handle: "@evanl",
testimonial: "Fast response time during an emergency.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362800.jpg",
},
]}
buttons={[
{
text: "Call Now",
href: "#contact",
},
{ name: "Alice M.", handle: "@alicem", testimonial: "Colin fixed our leak in the middle of a storm! Life saver.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-screwdriver-wearing-hardhat-by-construction-stairs-sticking-tongue-out-happy-with-funny-expression_839833-12323.jpg" },
{ name: "Bob R.", handle: "@bobr", testimonial: "Professional, quick, and very reliable service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg" },
{ name: "Charlie D.", handle: "@charlied", testimonial: "Highly recommended for any urgent roofing issue.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-pointing-house-model-looking-confident-front-view_176474-30846.jpg" },
{ name: "Dana K.", handle: "@danak", testimonial: "Excellent workmanship and fair pricing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carefree-multiethnic-woman-man-examine-paperwork_273609-44257.jpg" },
{ name: "Evan L.", handle: "@evanl", testimonial: "Fast response time during an emergency.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362800.jpg" },
]}
buttons={[{ text: "Call Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg",
alt: "Satisfied client portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg",
alt: "Satisfied client portrait",
},
{
src: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg",
alt: "Satisfied client portrait",
},
{
src: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741259.jpg",
alt: "Satisfied client portrait",
},
{
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15689.jpg",
alt: "Satisfied client portrait",
},
]}
/>
</div>
@@ -134,18 +65,9 @@ export default function LandingPage() {
title="Expertise You Can Trust"
description="With over 20 years of experience, we've repaired roofs across the region. We pride ourselves on fast, honest service."
bulletPoints={[
{
title: "24/7 Emergency",
description: "We are always on standby.",
},
{
title: "Licensed & Insured",
description: "Safety is our priority.",
},
{
title: "Free Quotes",
description: "No hidden costs, ever.",
},
{ title: "24/7 Emergency", description: "We are always on standby." },
{ title: "Licensed & Insured", description: "Safety is our priority." },
{ title: "Free Quotes", description: "No hidden costs, ever." },
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg"
mediaAnimation="slide-up"
@@ -157,30 +79,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Emergency Repairs",
description: "Fast fixes during storms.",
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-flirting-roof_1153-733.jpg",
buttonIcon: "Zap",
},
{
title: "Roof Installation",
description: "Quality new construction.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-roof-texture-tiles-generative-al_169016-28456.jpg",
buttonIcon: "Hammer",
},
{
title: "Regular Inspection",
description: "Detect issues early.",
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-sideways_23-2148748786.jpg",
buttonIcon: "Search",
},
{
title: "Weather Proofing",
description: "Seal out the elements.",
imageSrc: "http://img.b2bpic.net/free-photo/right-view-perspective-hand-with-delicious-hot-coffee_23-2148286059.jpg",
buttonIcon: "Shield",
},
{ title: "Emergency Repairs", description: "Fast fixes during storms.", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-flirting-roof_1153-733.jpg", buttonIcon: Zap },
{ title: "Roof Installation", description: "Quality new construction.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-roof-texture-tiles-generative-al_169016-28456.jpg", buttonIcon: Hammer },
{ title: "Regular Inspection", description: "Detect issues early.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-sideways_23-2148748786.jpg", buttonIcon: Search },
{ title: "Weather Proofing", description: "Seal out the elements.", imageSrc: "http://img.b2bpic.net/free-photo/right-view-perspective-hand-with-delicious-hot-coffee_23-2148286059.jpg", buttonIcon: Shield },
]}
title="Our Roof Services"
description="We handle every aspect of your roof with professional care."
@@ -194,42 +96,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Asphalt Shingles",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
},
{
id: "2",
name: "Metal Panels",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
},
{
id: "3",
name: "Gutter Guards",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
},
{
id: "4",
name: "Roof Underlayment",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg",
},
{
id: "5",
name: "Ridge Vents",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388949.jpg",
},
{
id: "6",
name: "Steel Flashing",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg",
},
{ id: "1", name: "Asphalt Shingles", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg" },
{ id: "2", name: "Metal Panels", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg" },
{ id: "3", name: "Gutter Guards", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg" },
{ id: "4", name: "Roof Underlayment", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg" },
{ id: "5", name: "Ridge Vents", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388949.jpg" },
{ id: "6", name: "Steel Flashing", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg" },
]}
title="Quality Materials"
description="We use only top-tier supplies for durable, long-lasting roofing."
@@ -242,54 +114,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$150/hr",
subtitle: "For basic leaks",
buttons: [
{
text: "Choose Plan",
href: "#contact",
},
],
features: [
"Emergency response",
"24/7 availability",
],
},
{
id: "standard",
badge: "Most Popular",
price: "$450+",
subtitle: "For medium repairs",
buttons: [
{
text: "Choose Plan",
href: "#contact",
},
],
features: [
"Full inspection included",
"Materials provided",
],
},
{
id: "premium",
badge: "Full Service",
price: "Quote Required",
subtitle: "For new installations",
buttons: [
{
text: "Get Quote",
href: "#contact",
},
],
features: [
"Lifetime guarantee",
"Priority service",
],
},
{ id: "basic", badge: "Essential", price: "$150/hr", subtitle: "For basic leaks", buttons: [{ text: "Choose Plan", href: "#contact" }], features: ["Emergency response", "24/7 availability"] },
{ id: "standard", badge: "Most Popular", price: "$450+", subtitle: "For medium repairs", buttons: [{ text: "Choose Plan", href: "#contact" }], features: ["Full inspection included", "Materials provided"] },
{ id: "premium", badge: "Full Service", price: "Quote Required", subtitle: "For new installations", buttons: [{ text: "Get Quote", href: "#contact" }], features: ["Lifetime guarantee", "Priority service"] },
]}
title="Simple Pricing"
description="Fair, transparent rates for all roofing solutions."
@@ -303,27 +130,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "1000+",
title: "Roof Repairs",
description: "Projects completed.",
icon: Award,
},
{
id: "2",
value: "500+",
title: "Happy Clients",
description: "Homeowners served.",
icon: Star,
},
{
id: "3",
value: "20+",
title: "Years Exp",
description: "Industry experience.",
icon: Shield,
},
{ id: "1", value: "1000+", title: "Roof Repairs", description: "Projects completed.", icon: Award },
{ id: "2", value: "500+", title: "Happy Clients", description: "Homeowners served.", icon: Star },
{ id: "3", value: "20+", title: "Years Exp", description: "Industry experience.", icon: Shield },
]}
title="Our Success"
description="Proven track record of roofing excellence."
@@ -334,31 +143,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",
},
{
id: "2",
name: "James Smith",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg",
},
{
id: "3",
name: "Lisa Wang",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361613.jpg",
},
{
id: "4",
name: "Mark Jones",
imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2148006271.jpg",
},
{
id: "5",
name: "Emma White",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-toolbox_181624-28873.jpg",
},
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg" },
{ id: "2", name: "James Smith", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg" },
{ id: "3", name: "Lisa Wang", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361613.jpg" },
{ id: "4", name: "Mark Jones", imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2148006271.jpg" },
{ id: "5", name: "Emma White", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-toolbox_181624-28873.jpg" },
]}
cardTitle="Client Feedback"
cardTag="Testimonials"
@@ -371,21 +160,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you offer emergency service?",
content: "Yes, we are available 24/7.",
},
{
id: "2",
title: "How much for a quote?",
content: "Quotes are free and obligation-free.",
},
{
id: "3",
title: "Do you work with insurance?",
content: "Yes, we handle insurance claims smoothly.",
},
{ id: "1", title: "Do you offer emergency service?", content: "Yes, we are available 24/7." },
{ id: "2", title: "How much for a quote?", content: "Quotes are free and obligation-free." },
{ id: "3", title: "Do you work with insurance?", content: "Yes, we handle insurance claims smoothly." },
]}
title="Need Help?"
description="Common questions answered."
@@ -396,18 +173,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Get in Touch"
title="Need Emergency Roofing Help?"
description="Contact us right now for rapid, reliable roof repair service."
buttons={[
{
text: "Call Today",
href: "tel:5550123",
},
]}
buttons={[{ text: "Call Today", href: "tel:5550123" }]}
/>
</div>
@@ -416,36 +186,12 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/price-tag-front-side_187299-40109.jpg"
logoText="Colin's Emergency Roofers"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Services",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#",
},
{
label: "FAQ",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Services", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQ", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}