Merge version_1 into main #2
345
src/app/page.tsx
345
src/app/page.tsx
@@ -32,110 +32,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" }
|
||||
]}
|
||||
brandName="Cabrera & Sons"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:3464786860",
|
||||
}}
|
||||
button={{ text: "Call Now", href: "tel:3464786860" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Elite Roofing Solutions for Houston Homes"
|
||||
description="Cabrera & Sons LLC provides premium roof installation, repairs, and storm protection. Trust Houston’s top-rated experts with 24/7 emergency support."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.9★",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "120+",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Emergency Ready",
|
||||
},
|
||||
{ value: "4.9★", label: "Google Rating" },
|
||||
{ value: "120+", label: "Verified Reviews" },
|
||||
{ value: "24/7", label: "Emergency Ready" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:3464786860",
|
||||
},
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:3464786860" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343702.jpg",
|
||||
alt: "Full shot man working on roof",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
|
||||
alt: "Medium shot men working on roof",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
||||
alt: "Medium shot men working together",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
|
||||
alt: "Long shot man with helmet sitting on roof",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
alt: "Full shot man wearing protection helmet outdoors",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343702.jpg", alt: "Full shot man working on roof" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg", alt: "Medium shot men working on roof" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", alt: "Medium shot men working together" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg", alt: "Long shot man with helmet sitting on roof" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", alt: "Full shot man wearing protection helmet outdoors" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy Houston families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "GAF Certified",
|
||||
icon: CheckCircle2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Emergency Repair",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Top Rated",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Guaranteed",
|
||||
icon: Award,
|
||||
},
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "GAF Certified", icon: CheckCircle2 },
|
||||
{ type: "text-icon", text: "Emergency Repair", icon: Zap },
|
||||
{ type: "text-icon", text: "Top Rated", icon: Star },
|
||||
{ type: "text-icon", text: "Quality Guaranteed", icon: Award }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,13 +81,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GAF Certified",
|
||||
"Owens Corning Pro",
|
||||
"Better Business Bureau",
|
||||
"NRCA Member",
|
||||
"Houston Chamber",
|
||||
"Angi Super Service",
|
||||
"Roofing Alliance",
|
||||
"GAF Certified", "Owens Corning Pro", "Better Business Bureau", "NRCA Member", "Houston Chamber", "Angi Super Service", "Roofing Alliance"
|
||||
]}
|
||||
title="Trusted by Houston Homeowners"
|
||||
description="Recognized for excellence and craftsmanship throughout Texas."
|
||||
@@ -165,77 +95,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Installation",
|
||||
description: "New build installations using premium materials backed by extended warranties.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
|
||||
},
|
||||
title: "Roof Installation", description: "New build installations using premium materials backed by extended warranties.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Custom design",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Fast turnaround",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Material warranty",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Custom design" },
|
||||
{ icon: CheckCircle, text: "Fast turnaround" },
|
||||
{ icon: CheckCircle, text: "Material warranty" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg?_wi=2",
|
||||
imageAlt: "professional roofing repair worker",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Storm & Emergency",
|
||||
description: "24/7 emergency response for wind, hail, and storm damage mitigation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg",
|
||||
},
|
||||
title: "Storm & Emergency", description: "24/7 emergency response for wind, hail, and storm damage mitigation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Immediate tarping",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Insurance expertise",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Repair specialists",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Immediate tarping" },
|
||||
{ icon: CheckCircle, text: "Insurance expertise" },
|
||||
{ icon: CheckCircle, text: "Repair specialists" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg",
|
||||
imageAlt: "professional roofing repair worker",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Siding & Gutters",
|
||||
description: "Complete exterior solutions to keep your home sealed, safe, and beautiful.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg?_wi=1",
|
||||
},
|
||||
title: "Siding & Gutters", description: "Complete exterior solutions to keep your home sealed, safe, and beautiful.", media: { imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Leak prevention",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Seamless gutters",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Vinyl siding",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Leak prevention" },
|
||||
{ icon: CheckCircle, text: "Seamless gutters" },
|
||||
{ icon: CheckCircle, text: "Vinyl siding" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-black-woman-caucasian-guy-have-outdoor-walk-stand-closely_273609-18072.jpg?_wi=1",
|
||||
imageAlt: "professional roofing repair worker",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="Protect your most valuable asset with our professional grade solutions."
|
||||
@@ -249,21 +134,9 @@ export default function LandingPage() {
|
||||
title="Why Houston Trusts Cabrera & Sons"
|
||||
description="Family-owned and operated with decades of combined experience, we prioritize craftsmanship over shortcuts. Our commitment to 4.9-star quality ensures your peace of mind."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Craftsmanship First",
|
||||
description: "We treat every roof as if it were our own home.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Reliable & Fast",
|
||||
description: "Respecting your schedule and your property.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Satisfaction Guaranteed",
|
||||
description: "We don't leave until you're 100% satisfied.",
|
||||
icon: Shield,
|
||||
},
|
||||
{ title: "Craftsmanship First", description: "We treat every roof as if it were our own home.", icon: Award },
|
||||
{ title: "Reliable & Fast", description: "Respecting your schedule and your property.", icon: Zap },
|
||||
{ title: "Satisfaction Guaranteed", description: "We don't leave until you're 100% satisfied.", icon: Shield }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -276,46 +149,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Thornton",
|
||||
handle: "River Oaks",
|
||||
testimonial: "Cabrera & Sons replaced our roof after the storm. Extremely professional and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "Heights",
|
||||
testimonial: "The best experience I've had with a contractor. Quality work and very honest.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-black-woman-caucasian-guy-have-outdoor-walk-stand-closely_273609-18072.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Wu",
|
||||
handle: "Katy",
|
||||
testimonial: "Top-tier craftsmanship. The crew was respectful and cleaned up perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Sugar Land",
|
||||
testimonial: "Responsive, reliable, and fair pricing. Highly recommended for any roofing job.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-his-wife-are-looking-beautiful-landscapes-sky_8353-9394.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Banks",
|
||||
handle: "Memorial",
|
||||
testimonial: "Great attention to detail. They identified leaks others missed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sale-agent-preparing-presenting-house_23-2149383579.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark Thornton", handle: "River Oaks", testimonial: "Cabrera & Sons replaced our roof after the storm. Extremely professional and fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg" },
|
||||
{ id: "2", name: "Elena Rodriguez", handle: "Heights", testimonial: "The best experience I've had with a contractor. Quality work and very honest.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-black-woman-caucasian-guy-have-outdoor-walk-stand-closely_273609-18072.jpg" },
|
||||
{ id: "3", name: "David Wu", handle: "Katy", testimonial: "Top-tier craftsmanship. The crew was respectful and cleaned up perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg" },
|
||||
{ id: "4", name: "Sarah Jenkins", handle: "Sugar Land", testimonial: "Responsive, reliable, and fair pricing. Highly recommended for any roofing job.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-his-wife-are-looking-beautiful-landscapes-sky_8353-9394.jpg" },
|
||||
{ id: "5", name: "Robert Banks", handle: "Memorial", testimonial: "Great attention to detail. They identified leaks others missed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sale-agent-preparing-presenting-house_23-2149383579.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Excellence"
|
||||
@@ -325,30 +163,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "1200+",
|
||||
title: "Homes Secured",
|
||||
description: "Trusted by families.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-twisted-fabric-with-shallow-depth-field_1217-2607.jpg",
|
||||
},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "4.9★",
|
||||
title: "Rating",
|
||||
description: "Based on 120+ reviews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-texture_1048-4142.jpg",
|
||||
},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
description: "Always ready to assist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-marble-texture-background_53876-139882.jpg",
|
||||
},
|
||||
{ id: "metric-1", value: "1200+", title: "Homes Secured", description: "Trusted by families.", imageSrc: "http://img.b2bpic.net/free-photo/golden-twisted-fabric-with-shallow-depth-field_1217-2607.jpg" },
|
||||
{ id: "metric-2", value: "4.9★", title: "Rating", description: "Based on 120+ reviews.", imageSrc: "http://img.b2bpic.net/free-photo/gold-texture_1048-4142.jpg" },
|
||||
{ id: "metric-3", value: "24/7", title: "Service", description: "Always ready to assist.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-marble-texture-background_53876-139882.jpg" }
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proven results for Houston residents."
|
||||
@@ -360,21 +181,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "How quickly can you respond to emergencies?",
|
||||
content: "We operate 24/7 and prioritize emergency calls for immediate structural damage.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you assist with insurance claims?",
|
||||
content: "Yes, our team has extensive experience working with insurance companies to ensure seamless claims.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Is my roof repair guaranteed?",
|
||||
content: "Absolutely. We stand behind our work with comprehensive craftsmanship warranties.",
|
||||
},
|
||||
{ id: "faq-1", title: "How quickly can you respond to emergencies?", content: "We operate 24/7 and prioritize emergency calls for immediate structural damage." },
|
||||
{ id: "faq-2", title: "Do you assist with insurance claims?", content: "Yes, our team has extensive experience working with insurance companies to ensure seamless claims." },
|
||||
{ id: "faq-3", title: "Is my roof repair guaranteed?", content: "Absolutely. We stand behind our work with comprehensive craftsmanship warranties." }
|
||||
]}
|
||||
title="Roofing FAQs"
|
||||
description="Clear answers to your roofing concerns."
|
||||
@@ -385,9 +194,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Request Your Free Estimate"
|
||||
description="Fill out the form below and our team will be in touch within 2 hours."
|
||||
@@ -401,45 +208,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg"
|
||||
logoText="Cabrera & Sons LLC"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(346) 478-6860",
|
||||
href: "tel:3464786860",
|
||||
},
|
||||
{
|
||||
label: "Houston, TX",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roof Installation",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Roof Repair",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Contact", items: [{ label: "(346) 478-6860", href: "tel:3464786860" }, { label: "Houston, TX", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Roof Installation", href: "#services" }, { label: "Roof Repair", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Cabrera & Sons LLC. All rights reserved."
|
||||
/>
|
||||
@@ -447,4 +218,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user