Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -32,68 +32,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
name: "Why Us", id: "#why-us"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Cabrera & Sons"
|
||||
button={{
|
||||
text: "Get Free Inspection",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Free Inspection", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Columbus’ Most Trusted Roofing Experts — Done Right the First Time"
|
||||
description="Premium roofing, gutters, and storm restoration with unmatched communication, craftsmanship, and care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Inspection", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
text: "Call Now", href: "tel:5551234567"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg?_wi=1",
|
||||
imageAlt: "Luxury Roof Install",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", imageAlt: "Luxury Roof Install"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=1",
|
||||
imageAlt: "Professional Crew",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "Professional Crew"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=1",
|
||||
imageAlt: "Metal Roofing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg", imageAlt: "Metal Roofing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg",
|
||||
imageAlt: "Detail Shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg", imageAlt: "Detail Shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
|
||||
imageAlt: "Roof Work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", imageAlt: "Roof Work"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,45 +82,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Columbus, OH",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Columbus, OH", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Thompson",
|
||||
role: "Homeowner",
|
||||
company: "Columbus, OH",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg",
|
||||
},
|
||||
id: "2", name: "David Thompson", role: "Homeowner", company: "Columbus, OH", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Homeowner",
|
||||
company: "Columbus, OH",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15478.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", role: "Homeowner", company: "Columbus, OH", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15478.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Columbus, OH",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13093.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Johnson", role: "Homeowner", company: "Columbus, OH", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13093.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer Wu",
|
||||
role: "Homeowner",
|
||||
company: "Columbus, OH",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
|
||||
},
|
||||
id: "5", name: "Jennifer Wu", role: "Homeowner", company: "Columbus, OH", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg"},
|
||||
]}
|
||||
title="Real Homeowners. Real Results."
|
||||
description="See why neighbors trust us with their biggest investment."
|
||||
@@ -159,49 +109,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "No Pressure Inspections",
|
||||
description: "We educate you—not sell you.",
|
||||
icon: Shield,
|
||||
title: "No Pressure Inspections", description: "We educate you—not sell you.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg?_wi=2",
|
||||
imageAlt: "luxury roof installation sunset",
|
||||
},
|
||||
{
|
||||
title: "Elite Craftsmanship",
|
||||
description: "Every detail matters, from shingles to metal.",
|
||||
icon: Award,
|
||||
title: "Elite Craftsmanship", description: "Every detail matters, from shingles to metal.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=2",
|
||||
imageAlt: "luxury roof installation sunset",
|
||||
},
|
||||
{
|
||||
title: "Insurance Experts",
|
||||
description: "We work directly with adjusters to maximize your claim.",
|
||||
icon: CheckCircle,
|
||||
title: "Insurance Experts", description: "We work directly with adjusters to maximize your claim.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=2",
|
||||
imageAlt: "luxury roof installation sunset",
|
||||
},
|
||||
]}
|
||||
title="Not Just Another Roofing Company"
|
||||
@@ -217,47 +149,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Roof Replacement",
|
||||
price: "Custom Quote",
|
||||
variant: "Full tear-off",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fence-s-silhouette-with-sky-background_1160-223.jpg",
|
||||
},
|
||||
id: "1", name: "Roof Replacement", price: "Custom Quote", variant: "Full tear-off", imageSrc: "http://img.b2bpic.net/free-photo/fence-s-silhouette-with-sky-background_1160-223.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Roof Repairs",
|
||||
price: "Standard Rate",
|
||||
variant: "Leaks & Storms",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-working-roof_23-2149343661.jpg",
|
||||
},
|
||||
id: "2", name: "Roof Repairs", price: "Standard Rate", variant: "Leaks & Storms", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-working-roof_23-2149343661.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Metal Roofing",
|
||||
price: "Custom Quote",
|
||||
variant: "Modern & Durable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-exercising-staircase-winter_23-2147905357.jpg",
|
||||
},
|
||||
id: "3", name: "Metal Roofing", price: "Custom Quote", variant: "Modern & Durable", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-exercising-staircase-winter_23-2147905357.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gutters",
|
||||
price: "Custom Quote",
|
||||
variant: "Seamless installs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343702.jpg",
|
||||
},
|
||||
id: "4", name: "Gutters", price: "Custom Quote", variant: "Seamless installs", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343702.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Storm Damage",
|
||||
price: "Free Estimate",
|
||||
variant: "Claim handling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg",
|
||||
},
|
||||
id: "5", name: "Storm Damage", price: "Free Estimate", variant: "Claim handling", imageSrc: "http://img.b2bpic.net/free-photo/experts-check-warehouse-inventory_482257-75354.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Inspections",
|
||||
price: "Free",
|
||||
variant: "Comprehensive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343657.jpg",
|
||||
},
|
||||
id: "6", name: "Inspections", price: "Free", variant: "Comprehensive", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343657.jpg"},
|
||||
]}
|
||||
title="Complete Roofing Solutions"
|
||||
description="High-quality services for every part of your home exterior."
|
||||
@@ -271,29 +173,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Search,
|
||||
title: "Inspection",
|
||||
value: "Free",
|
||||
},
|
||||
id: "1", icon: Search,
|
||||
title: "Inspection", value: "Free"},
|
||||
{
|
||||
id: "2",
|
||||
icon: FileText,
|
||||
title: "Estimate",
|
||||
value: "Clear",
|
||||
},
|
||||
id: "2", icon: FileText,
|
||||
title: "Estimate", value: "Clear"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Calendar,
|
||||
title: "Scheduling",
|
||||
value: "Fast",
|
||||
},
|
||||
id: "3", icon: Calendar,
|
||||
title: "Scheduling", value: "Fast"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Building,
|
||||
title: "Installation",
|
||||
value: "Expert",
|
||||
},
|
||||
id: "4", icon: Building,
|
||||
title: "Installation", value: "Expert"},
|
||||
]}
|
||||
title="Simple. Transparent. Stress-Free."
|
||||
description="We guide you through the process, start to finish."
|
||||
@@ -307,17 +197,11 @@ export default function LandingPage() {
|
||||
description="Cabrera & Sons Roofing isn’t just another contractor — it’s a team built on trust, referrals, and doing things the right way. Our reputation in Columbus has been earned one roof at a time."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
value: "100+", title: "Happy Clients"},
|
||||
{
|
||||
value: "5.0",
|
||||
title: "Rating",
|
||||
},
|
||||
value: "5.0", title: "Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Insured",
|
||||
},
|
||||
value: "100%", title: "Insured"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-men-with-drawing-discussing-construction-site_259150-57627.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -329,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Limited Availability"
|
||||
title="Free Roof Inspection"
|
||||
description="Storm damage isn’t always visible. Catch problems early before they become expensive. Schedule your free inspection today."
|
||||
@@ -343,42 +226,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
label: "(555) 123-4567", href: "tel:5551234567"},
|
||||
{
|
||||
label: "info@cabrera.roofing",
|
||||
href: "mailto:info@cabrera.roofing",
|
||||
},
|
||||
label: "info@cabrera.roofing", href: "mailto:info@cabrera.roofing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user