Update src/app/page.tsx
This commit is contained in:
340
src/app/page.tsx
340
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user