Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7620f913c7 |
264
src/app/page.tsx
264
src/app/page.tsx
@@ -33,34 +33,20 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Projects",
|
name: "Projects", id: "#projects"},
|
||||||
id: "#projects",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Free Estimate",
|
text: "Free Estimate", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
brandName="Roofing Wise"
|
brandName="Roofing Wise"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -68,103 +54,58 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Los Angeles Roofing Done Right."
|
title="Los Angeles Roofing Done Right."
|
||||||
description="Premium roofing solutions with honest pricing, rapid response, and craftsmanship built to last."
|
description="Premium roofing solutions with honest pricing, rapid response, and craftsmanship built to last."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "John D.",
|
name: "John D.", handle: "@LA_Homeowner", testimonial: "Roofing Wise did an incredible job replacing our roof. Professional and fast!", rating: 5,
|
||||||
handle: "@LA_Homeowner",
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg"},
|
||||||
testimonial: "Roofing Wise did an incredible job replacing our roof. Professional and fast!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sarah W.",
|
name: "Sarah W.", handle: "@LA_Homeowner", testimonial: "Reliable and expert craftsmanship. Highly recommend their team.", rating: 5,
|
||||||
handle: "@LA_Homeowner",
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg"},
|
||||||
testimonial: "Reliable and expert craftsmanship. Highly recommend their team.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Marcus R.",
|
name: "Marcus R.", handle: "@LA_Homeowner", testimonial: "The best roofing service I have used in years.", rating: 5,
|
||||||
handle: "@LA_Homeowner",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||||
testimonial: "The best roofing service I have used in years.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Elena K.",
|
name: "Elena K.", handle: "@LA_Homeowner", testimonial: "Very professional and detailed work on my property.", rating: 5,
|
||||||
handle: "@LA_Homeowner",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
|
||||||
testimonial: "Very professional and detailed work on my property.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "David L.",
|
name: "David L.", handle: "@LA_Homeowner", testimonial: "They fixed my leak in record time. Excellent service.", rating: 5,
|
||||||
handle: "@LA_Homeowner",
|
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg"},
|
||||||
testimonial: "They fixed my leak in record time. Excellent service.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Free Inspection",
|
text: "Get Free Inspection", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Call Now",
|
text: "Call Now", href: "tel:+18333157663"},
|
||||||
href: "tel:+18333157663",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"
|
||||||
imageAlt="Luxury roofing in Los Angeles"
|
imageAlt="Luxury roofing in Los Angeles"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Client 1"},
|
||||||
alt: "Client 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg",
|
src: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg", alt: "Client 2"},
|
||||||
alt: "Client 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", alt: "Client 3"},
|
||||||
alt: "Client 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-27994.jpg",
|
src: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-27994.jpg", alt: "Client 4"},
|
||||||
alt: "Client 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-suit-smiling-camera_23-2148317358.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-woman-suit-smiling-camera_23-2148317358.jpg", alt: "Client 5"},
|
||||||
alt: "Client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Licensed & Insured"},
|
||||||
text: "Licensed & Insured",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Veteran Owned"},
|
||||||
text: "Veteran Owned",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Rapid Response"},
|
||||||
text: "Rapid Response",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Premium Materials"},
|
||||||
text: "Premium Materials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Certified Roofers"},
|
||||||
text: "Certified Roofers",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -175,23 +116,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Roof Replacement",
|
title: "Roof Replacement", description: "High-durability materials installed to withstand California sun.", imageSrc: "http://img.b2bpic.net/free-vector/home-icon-abstract-logo-design_474888-4203.jpg", imageAlt: "Replacement"},
|
||||||
description: "High-durability materials installed to withstand California sun.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/home-icon-abstract-logo-design_474888-4203.jpg",
|
|
||||||
imageAlt: "Replacement",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Roof Repairs",
|
title: "Roof Repairs", description: "Fast, precise, and long-lasting repairs for all roof types.", imageSrc: "http://img.b2bpic.net/free-photo/home-icon-front-side_187299-39256.jpg", imageAlt: "Repair"},
|
||||||
description: "Fast, precise, and long-lasting repairs for all roof types.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/home-icon-front-side_187299-39256.jpg",
|
|
||||||
imageAlt: "Repair",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Leak Detection",
|
title: "Leak Detection", description: "Advanced thermal inspection to find hidden leaks before they damage your home.", imageSrc: "http://img.b2bpic.net/free-vector/renovation-flat-icons-set_1284-7034.jpg", imageAlt: "Leak"},
|
||||||
description: "Advanced thermal inspection to find hidden leaks before they damage your home.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/renovation-flat-icons-set_1284-7034.jpg",
|
|
||||||
imageAlt: "Leak",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Premium Roofing Services"
|
title="Our Premium Roofing Services"
|
||||||
description="Comprehensive solutions tailored for Los Angeles properties."
|
description="Comprehensive solutions tailored for Los Angeles properties."
|
||||||
@@ -218,34 +147,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "35+", title: "Five-Star Reviews", items: [
|
||||||
value: "35+",
|
"Proven excellence", "Happy customers", "Trusted partner"],
|
||||||
title: "Five-Star Reviews",
|
|
||||||
items: [
|
|
||||||
"Proven excellence",
|
|
||||||
"Happy customers",
|
|
||||||
"Trusted partner",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "Same-Day", title: "Rapid Response", items: [
|
||||||
value: "Same-Day",
|
"Fast communication", "Emergency ready", "Always on time"],
|
||||||
title: "Rapid Response",
|
|
||||||
items: [
|
|
||||||
"Fast communication",
|
|
||||||
"Emergency ready",
|
|
||||||
"Always on time",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "100%", title: "Licensed & Insured", items: [
|
||||||
value: "100%",
|
"Fully protected", "Quality assured", "Safety first"],
|
||||||
title: "Licensed & Insured",
|
|
||||||
items: [
|
|
||||||
"Fully protected",
|
|
||||||
"Quality assured",
|
|
||||||
"Safety first",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Choose Us?"
|
title="Why Choose Us?"
|
||||||
@@ -261,23 +172,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Modern LA Villa", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg"},
|
||||||
name: "Modern LA Villa",
|
|
||||||
price: "Completed",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Commercial Plaza", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg"},
|
||||||
name: "Commercial Plaza",
|
|
||||||
price: "Completed",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Hillside Residence", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg"},
|
||||||
name: "Hillside Residence",
|
|
||||||
price: "Completed",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Project Showcase"
|
title="Project Showcase"
|
||||||
description="Real work for real Los Angeles homes."
|
description="Real work for real Los Angeles homes."
|
||||||
@@ -289,30 +188,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Sarah W.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg"},
|
||||||
name: "Sarah W.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg"},
|
||||||
name: "Marcus R.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Elena K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg"},
|
||||||
name: "Elena K.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg"},
|
||||||
name: "David L.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Jennifer T.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||||
name: "Jennifer T.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="Client Reputation"
|
cardTitle="Client Reputation"
|
||||||
cardTag="Testimonials"
|
cardTag="Testimonials"
|
||||||
@@ -326,20 +210,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Do you provide emergency repairs?", content: "Yes, we prioritize emergency leak repairs in the LA area."},
|
||||||
title: "Do you provide emergency repairs?",
|
|
||||||
content: "Yes, we prioritize emergency leak repairs in the LA area.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured in California."},
|
||||||
title: "Are you licensed and insured?",
|
|
||||||
content: "Absolutely. We are fully licensed, bonded, and insured in California.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Do you offer financing?", content: "We offer several flexible financing options for roofing projects."},
|
||||||
title: "Do you offer financing?",
|
|
||||||
content: "We offer several flexible financing options for roofing projects.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Roofing Questions"
|
title="Common Roofing Questions"
|
||||||
description="Answers to the most frequent inquiries."
|
description="Answers to the most frequent inquiries."
|
||||||
@@ -354,22 +229,14 @@ export default function LandingPage() {
|
|||||||
description="Reach out today and protect your investment."
|
description="Reach out today and protect your investment."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Email Address",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Tell us about your roofing needs", rows: 4,
|
||||||
placeholder: "Tell us about your roofing needs",
|
|
||||||
rows: 4,
|
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"
|
||||||
/>
|
/>
|
||||||
@@ -378,31 +245,22 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Roofing Wise"
|
logoText="Roofing Wise"
|
||||||
|
copyrightText="© 2026 | Roofing Wise"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Repairs",
|
label: "Repairs", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Replacement",
|
label: "Replacement", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -411,4 +269,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user