Merge version_1 into main #1
292
src/app/page.tsx
292
src/app/page.tsx
@@ -34,31 +34,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="SD Roofing Pros"
|
||||
button={{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Estimate", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -66,20 +54,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="San Diego's Premier Roofing Experts"
|
||||
description="Providing top-quality roof replacement, repair, and maintenance services across San Diego County. Protect your home with our trusted, local professionals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-929.jpg"
|
||||
imageAlt="Professional roofer inspecting a roof with San Diego skyline in the background"
|
||||
@@ -87,51 +70,31 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/guy-looking-camera-stretching-arm_23-2148306629.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/guy-looking-camera-stretching-arm_23-2148306629.jpg", alt: "Satisfied client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-doing-frame-gesture_1187-3686.jpg",
|
||||
alt: "Happy customer smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-doing-frame-gesture_1187-3686.jpg", alt: "Happy customer smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-flower_23-2148966573.jpg",
|
||||
alt: "Homeowner giving thumbs up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-flower_23-2148966573.jpg", alt: "Homeowner giving thumbs up"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/green-flowers-smart-fancy-outfit-girl_1303-2949.jpg",
|
||||
alt: "Pleased client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/green-flowers-smart-fancy-outfit-girl_1303-2949.jpg", alt: "Pleased client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-menus_23-2149930160.jpg",
|
||||
alt: "Smiling customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-menus_23-2149930160.jpg", alt: "Smiling customer"},
|
||||
]}
|
||||
avatarText="Join 500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
icon: Star,
|
||||
text: "5-Star Rated Service",
|
||||
},
|
||||
type: "text-icon", icon: Star,
|
||||
text: "5-Star Rated Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured Professionals",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured Professionals"},
|
||||
{
|
||||
type: "text-icon",
|
||||
icon: Award,
|
||||
text: "Award-Winning Quality",
|
||||
},
|
||||
type: "text-icon", icon: Award,
|
||||
text: "Award-Winning Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free, No-Obligation Estimates",
|
||||
},
|
||||
type: "text", text: "Free, No-Obligation Estimates"},
|
||||
{
|
||||
type: "text-icon",
|
||||
icon: Clock,
|
||||
text: "20+ Years Local Experience",
|
||||
},
|
||||
type: "text-icon", icon: Clock,
|
||||
text: "20+ Years Local Experience"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,11 +106,8 @@ export default function LandingPage() {
|
||||
title="Local Expertise, Unmatched Quality"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
description="With over 20 years of experience serving San Diego homeowners, we are committed to delivering durable, high-quality roofing solutions. Our licensed and insured team uses only the best materials, ensuring your roof stands strong against the coastal elements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -159,29 +119,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Roof Repair",
|
||||
description: "Expert leak detection, shingle replacement, and storm damage repair to extend your roof's life.",
|
||||
},
|
||||
title: "Roof Repair", description: "Expert leak detection, shingle replacement, and storm damage repair to extend your roof's life."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Roof Replacement",
|
||||
description: "Complete tear-offs and new installations with high-quality materials for lasting protection.",
|
||||
},
|
||||
title: "Roof Replacement", description: "Complete tear-offs and new installations with high-quality materials for lasting protection."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Roof Maintenance",
|
||||
description: "Preventative care, cleaning, and inspections to keep your roof in optimal condition year-round.",
|
||||
},
|
||||
title: "Roof Maintenance", description: "Preventative care, cleaning, and inspections to keep your roof in optimal condition year-round."},
|
||||
{
|
||||
icon: ListChecks,
|
||||
title: "Free Roof Inspections",
|
||||
description: "Thorough assessments to identify issues and provide transparent recommendations.",
|
||||
},
|
||||
title: "Free Roof Inspections", description: "Thorough assessments to identify issues and provide transparent recommendations."},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Energy-Efficient Solutions",
|
||||
description: "Upgrade to cool roofs and solar-ready systems to save on energy costs.",
|
||||
},
|
||||
title: "Energy-Efficient Solutions", description: "Upgrade to cool roofs and solar-ready systems to save on energy costs."},
|
||||
]}
|
||||
title="Our Comprehensive Roofing Services"
|
||||
description="From minor repairs to full replacements, we've got San Diego covered. Our services are tailored to meet your specific needs and budget."
|
||||
@@ -197,47 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tile Roof Installation",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17188.jpg",
|
||||
imageAlt: "Newly installed Spanish tile roof",
|
||||
},
|
||||
id: "1", name: "Tile Roof Installation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17188.jpg", imageAlt: "Newly installed Spanish tile roof"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Shingle Roof Replacement",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg",
|
||||
imageAlt: "Modern asphalt shingle roof on a residential home",
|
||||
},
|
||||
id: "2", name: "Shingle Roof Replacement", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg", imageAlt: "Modern asphalt shingle roof on a residential home"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Flat Roof Commercial",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof_23-2148098629.jpg",
|
||||
imageAlt: "Commercial flat roof repair",
|
||||
},
|
||||
id: "3", name: "Flat Roof Commercial", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/roof_23-2148098629.jpg", imageAlt: "Commercial flat roof repair"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Metal Roof System",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-wall_1127-2033.jpg",
|
||||
imageAlt: "Sleek standing seam metal roof",
|
||||
},
|
||||
id: "4", name: "Metal Roof System", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/building-wall_1127-2033.jpg", imageAlt: "Sleek standing seam metal roof"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Commercial Roofing",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-closeup-shot-black-fire-escape-stairs_181624-3131.jpg",
|
||||
imageAlt: "Large commercial building with new roof",
|
||||
},
|
||||
id: "5", name: "Commercial Roofing", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-closeup-shot-black-fire-escape-stairs_181624-3131.jpg", imageAlt: "Large commercial building with new roof"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Roof Repair & Restoration",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clay-tiles_1203-298.jpg",
|
||||
imageAlt: "Before and after of a roof repair",
|
||||
},
|
||||
id: "6", name: "Roof Repair & Restoration", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/clay-tiles_1203-298.jpg", imageAlt: "Before and after of a roof repair"},
|
||||
]}
|
||||
title="Our Recent Roofing Projects"
|
||||
description="Browse a selection of our completed roofing projects across San Diego, showcasing our versatility and commitment to quality."
|
||||
@@ -252,59 +172,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "repair",
|
||||
badge: "Popular",
|
||||
badgeIcon: Star,
|
||||
price: "Starting at $499",
|
||||
name: "Essential Roof Repair",
|
||||
buttons: [
|
||||
id: "repair", badge: "Popular", badgeIcon: Star,
|
||||
price: "Starting at $499", name: "Essential Roof Repair", buttons: [
|
||||
{
|
||||
text: "Request Repair",
|
||||
},
|
||||
text: "Request Repair"},
|
||||
],
|
||||
features: [
|
||||
"Leak Detection & Sealing",
|
||||
"Minor Shingle Replacement",
|
||||
"Flashing Repair",
|
||||
"Gutter Inspection",
|
||||
"2-Year Workmanship Warranty",
|
||||
],
|
||||
"Leak Detection & Sealing", "Minor Shingle Replacement", "Flashing Repair", "Gutter Inspection", "2-Year Workmanship Warranty"],
|
||||
},
|
||||
{
|
||||
id: "maintenance",
|
||||
price: "Starting at $299",
|
||||
name: "Annual Maintenance Plan",
|
||||
buttons: [
|
||||
id: "maintenance", price: "Starting at $299", name: "Annual Maintenance Plan", buttons: [
|
||||
{
|
||||
text: "Enroll Now",
|
||||
},
|
||||
text: "Enroll Now"},
|
||||
],
|
||||
features: [
|
||||
"Annual Roof Inspection",
|
||||
"Debris Removal",
|
||||
"Minor Sealant Touch-ups",
|
||||
"Preventative Measures",
|
||||
"Priority Service Scheduling",
|
||||
],
|
||||
"Annual Roof Inspection", "Debris Removal", "Minor Sealant Touch-ups", "Preventative Measures", "Priority Service Scheduling"],
|
||||
},
|
||||
{
|
||||
id: "replacement",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Award,
|
||||
price: "Custom Quote",
|
||||
name: "Full Roof Replacement",
|
||||
buttons: [
|
||||
id: "replacement", badge: "Best Value", badgeIcon: Award,
|
||||
price: "Custom Quote", name: "Full Roof Replacement", buttons: [
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
},
|
||||
text: "Get a Free Estimate"},
|
||||
],
|
||||
features: [
|
||||
"Full Roof Tear-Off & Disposal",
|
||||
"New Underlayment Installation",
|
||||
"Premium Material Options (Tile, Shingle, Metal)",
|
||||
"Extended Manufacturer Warranty",
|
||||
"Comprehensive Workmanship Guarantee",
|
||||
],
|
||||
"Full Roof Tear-Off & Disposal", "New Underlayment Installation", "Premium Material Options (Tile, Shingle, Metal)", "Extended Manufacturer Warranty", "Comprehensive Workmanship Guarantee"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing & Value"
|
||||
@@ -320,30 +211,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "years",
|
||||
value: "20+",
|
||||
title: "Years in Business",
|
||||
description: "Decades of trusted service to the San Diego community.",
|
||||
icon: CalendarCheck,
|
||||
id: "years", value: "20+", title: "Years in Business", description: "Decades of trusted service to the San Diego community.", icon: CalendarCheck,
|
||||
},
|
||||
{
|
||||
id: "projects",
|
||||
value: "500+",
|
||||
title: "Completed Projects",
|
||||
description: "Successfully delivered high-quality roofing solutions.",
|
||||
icon: Home,
|
||||
id: "projects", value: "500+", title: "Completed Projects", description: "Successfully delivered high-quality roofing solutions.", icon: Home,
|
||||
},
|
||||
{
|
||||
id: "satisfaction",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Our clients consistently praise our professionalism and quality.",
|
||||
icon: Users,
|
||||
id: "satisfaction", value: "98%", title: "Customer Satisfaction", description: "Our clients consistently praise our professionalism and quality.", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Our Track Record of Excellence"
|
||||
description="We pride ourselves on our experience, dedication, and the satisfaction of our San Diego customers."
|
||||
tag="Key Achievements"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -352,44 +232,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
imageAlt: "Maria S. a satisfied customer",
|
||||
},
|
||||
id: "1", name: "Maria S.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageAlt: "Maria S. a satisfied customer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
|
||||
imageAlt: "John D. a satisfied customer",
|
||||
},
|
||||
id: "2", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", imageAlt: "John D. a satisfied customer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg",
|
||||
imageAlt: "Sarah L. a satisfied customer",
|
||||
},
|
||||
id: "3", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg", imageAlt: "Sarah L. a satisfied customer"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg",
|
||||
imageAlt: "David M. a satisfied customer",
|
||||
},
|
||||
id: "4", name: "David M.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg", imageAlt: "David M. a satisfied customer"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-thumb-up-beach_1149-1081.jpg",
|
||||
imageAlt: "Emily R. a satisfied customer",
|
||||
},
|
||||
id: "5", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-thumb-up-beach_1149-1081.jpg", imageAlt: "Emily R. a satisfied customer"},
|
||||
]}
|
||||
cardTitle="Hear From Our Happy Customers"
|
||||
cardTag="Testimonials"
|
||||
cardTagIcon={MessageCircle}
|
||||
buttons={[
|
||||
{
|
||||
text: "Read All Reviews",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read All Reviews", href: "#"},
|
||||
]}
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
@@ -400,38 +258,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I have my roof inspected?",
|
||||
content: "We recommend a professional roof inspection at least once every 1-3 years, or immediately after any major storm, to catch potential issues early and prevent costly damage.",
|
||||
},
|
||||
id: "1", title: "How often should I have my roof inspected?", content: "We recommend a professional roof inspection at least once every 1-3 years, or immediately after any major storm, to catch potential issues early and prevent costly damage."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What's the typical lifespan of a roof in San Diego?",
|
||||
content: "The lifespan varies based on material. Asphalt shingles typically last 20-30 years, while tile roofs can last 50 years or more. Regular maintenance can extend any roof's life.",
|
||||
},
|
||||
id: "2", title: "What's the typical lifespan of a roof in San Diego?", content: "The lifespan varies based on material. Asphalt shingles typically last 20-30 years, while tile roofs can last 50 years or more. Regular maintenance can extend any roof's life."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer financing options for roof replacement? ",
|
||||
content: "Yes, we understand that a new roof is a significant investment. We offer flexible financing plans to help make your roof replacement affordable. Contact us for details.",
|
||||
},
|
||||
id: "3", title: "Do you offer financing options for roof replacement? ", content: "Yes, we understand that a new roof is a significant investment. We offer flexible financing plans to help make your roof replacement affordable. Contact us for details."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are your roofers licensed and insured?",
|
||||
content: "Absolutely. All our roofing professionals are fully licensed, bonded, and insured, providing you with peace of mind and protection throughout your project.",
|
||||
},
|
||||
id: "4", title: "Are your roofers licensed and insured?", content: "Absolutely. All our roofing professionals are fully licensed, bonded, and insured, providing you with peace of mind and protection throughout your project."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What areas do you serve in San Diego?",
|
||||
content: "We proudly serve all of San Diego County, including downtown San Diego, North County, East County, and South Bay areas. No location is too far for quality roofing service.",
|
||||
},
|
||||
id: "5", title: "What areas do you serve in San Diego?", content: "We proudly serve all of San Diego County, including downtown San Diego, North County, East County, and South Bay areas. No location is too far for quality roofing service."},
|
||||
]}
|
||||
sideTitle="Your Roofing Questions, Answered"
|
||||
sideDescription="Find quick answers to common questions about our services, pricing, and process."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ask a Question",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Ask a Question", href: "#contact"},
|
||||
]}
|
||||
faqsAnimation="opacity"
|
||||
textPosition="left"
|
||||
@@ -442,8 +283,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get Your Free Roofing Estimate Today!"
|
||||
description="Ready for a new roof or need a reliable repair? Fill out the form below or call us directly to schedule your free, no-obligation estimate."
|
||||
@@ -462,13 +302,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SD Roofing Pros"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user