bender/afd04b61-b058-4c1a-846f-520fbc592f86
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-02 13:19:33 +00:00
parent 029efae085 ce286cfedf
commit 761725371b
1 changed files with 65 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

319
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Building, MapPin, ShieldCheck, Star, Tool, Users } from "lucide-react";
import { Award, Building, MapPin, ShieldCheck, Star, Users, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,93 +34,58 @@ 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: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoAlt="San Diego Roofing Logo"
brandName="San Diego Roofing"
button={{
text: "Get a Free Quote",
href: "#contact",
}}
text: "Get a Free Quote", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
imagePosition="right"
title="Your Trusted Partner for San Diego Roofing Excellence"
description="Expert roofing solutions for homes and businesses across San Diego. From minor repairs to full replacements, we deliver quality craftsmanship and lasting protection."
kpis={[
{
value: "25+",
label: "Years Experience",
},
value: "25+", label: "Years Experience"},
{
value: "5000+",
label: "Projects Completed",
},
value: "5000+", label: "Projects Completed"},
{
value: "5-Star",
label: "Average Rating",
},
value: "5-Star", label: "Average Rating"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Get a Free Estimate",
href: "#contact",
},
text: "Get a Free Estimate", href: "#contact"},
{
text: "View Our Services",
href: "#services",
},
text: "View Our Services", href: "#services"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-professional-architect-woman-wearing-yellow-helmet-standing-outdoors-engineer-architect-concept_58466-12277.jpg",
alt: "Sarah L.",
},
src: "http://img.b2bpic.net/free-photo/portrait-professional-architect-woman-wearing-yellow-helmet-standing-outdoors-engineer-architect-concept_58466-12277.jpg", alt: "Sarah L."},
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-male-electrician-standing-against-wall_23-2148087578.jpg",
alt: "Mark T.",
},
src: "http://img.b2bpic.net/free-photo/portrait-confident-male-electrician-standing-against-wall_23-2148087578.jpg", alt: "Mark T."},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-points-himself-pink_141793-74580.jpg",
alt: "Jessica R.",
},
src: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-points-himself-pink_141793-74580.jpg", alt: "Jessica R."},
{
src: "http://img.b2bpic.net/free-photo/close-up-architect-woman-her-working-desk-working-new-projects-architecture-design_482257-33107.jpg",
alt: "David S.",
},
src: "http://img.b2bpic.net/free-photo/close-up-architect-woman-her-working-desk-working-new-projects-architecture-design_482257-33107.jpg", alt: "David S."},
{
src: "http://img.b2bpic.net/free-photo/senior-woman-with-plans-helmet_1149-1127.jpg",
alt: "Senior woman with plans and helmet",
},
src: "http://img.b2bpic.net/free-photo/senior-woman-with-plans-helmet_1149-1127.jpg", alt: "Senior woman with plans and helmet"},
]}
avatarText="Trusted by hundreds of San Diego homeowners"
imageSrc="http://img.b2bpic.net/free-photo/chinise-building_1417-1695.jpg"
@@ -128,29 +93,19 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Quality Craftsmanship",
icon: Tool,
type: "text-icon", text: "Quality Craftsmanship", icon: Wrench,
},
{
type: "text-icon",
text: "Local Expertise",
icon: MapPin,
type: "text-icon", text: "Local Expertise", icon: MapPin,
},
{
type: "text-icon",
text: "Customer Focused",
icon: Users,
type: "text-icon", text: "Customer Focused", icon: Users,
},
{
type: "text-icon",
text: "Certified Professionals",
icon: Award,
type: "text-icon", text: "Certified Professionals", icon: Award,
},
{
type: "text-icon",
text: "Durable Solutions",
icon: ShieldCheck,
type: "text-icon", text: "Durable Solutions", icon: ShieldCheck,
},
]}
/>
@@ -163,24 +118,16 @@ export default function LandingPage() {
metrics={[
{
icon: Building,
label: "Local Expertise",
value: "San Diego Focused",
},
label: "Local Expertise", value: "San Diego Focused"},
{
icon: Star,
label: "Customer Satisfaction",
value: "Guaranteed",
},
label: "Customer Satisfaction", value: "Guaranteed"},
{
icon: ShieldCheck,
label: "Certified Professionals",
value: "Licensed & Insured",
},
label: "Certified Professionals", value: "Licensed & Insured"},
{
icon: Tool,
label: "Quality Materials",
value: "Durable Solutions",
},
icon: Wrench,
label: "Quality Materials", value: "Durable Solutions"},
]}
metricsAnimation="slide-up"
/>
@@ -193,44 +140,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "feat-replacement",
title: "Roof Replacement",
author: "New Installations",
description: "Expert replacement of old, damaged, or inefficient roofs with new, high-quality materials including asphalt shingles, tile, and flat roofing systems.",
tags: [
"Residential",
"Commercial",
"Upgrade",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",
imageAlt: "Roofers installing new asphalt shingles on a residential roof",
},
id: "feat-replacement", title: "Roof Replacement", author: "New Installations", description: "Expert replacement of old, damaged, or inefficient roofs with new, high-quality materials including asphalt shingles, tile, and flat roofing systems.", tags: [
"Residential", "Commercial", "Upgrade"],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg", imageAlt: "Roofers installing new asphalt shingles on a residential roof"},
{
id: "feat-repair",
title: "Roof Repair",
author: "Leak & Damage Fixes",
description: "Fast and reliable repair services for leaks, storm damage, missing shingles, and other roofing issues to protect your home or business.",
tags: [
"Emergency",
"Leak Repair",
"Storm Damage",
],
imageSrc: "http://img.b2bpic.net/free-photo/plasterer-renovating-indoor-walls_1150-9959.jpg",
imageAlt: "A roofer inspecting and repairing damaged roof tiles",
},
id: "feat-repair", title: "Roof Repair", author: "Leak & Damage Fixes", description: "Fast and reliable repair services for leaks, storm damage, missing shingles, and other roofing issues to protect your home or business.", tags: [
"Emergency", "Leak Repair", "Storm Damage"],
imageSrc: "http://img.b2bpic.net/free-photo/plasterer-renovating-indoor-walls_1150-9959.jpg", imageAlt: "A roofer inspecting and repairing damaged roof tiles"},
{
id: "feat-maintenance",
title: "Roof Maintenance",
author: "Preventative Care",
description: "Regular inspections and preventative maintenance plans to extend the lifespan of your roof and identify potential problems before they become costly.",
tags: [
"Inspections",
"Cleaning",
"Longevity",
],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
imageAlt: "Professional cleaning of a residential roof to remove debris",
},
id: "feat-maintenance", title: "Roof Maintenance", author: "Preventative Care", description: "Regular inspections and preventative maintenance plans to extend the lifespan of your roof and identify potential problems before they become costly.", tags: [
"Inspections", "Cleaning", "Longevity"],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", imageAlt: "Professional cleaning of a residential roof to remove debris"},
]}
title="Comprehensive Roofing Services in San Diego"
description="We offer a full spectrum of roofing services tailored to San Diego's unique climate and architectural styles."
@@ -245,47 +165,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "proj-1",
name: "Residential Tile Roof",
price: "Point Loma",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-streets-small-town-south-spain_72229-536.jpg",
imageAlt: "Completed Spanish tile roof on a residential home in Point Loma",
},
id: "proj-1", name: "Residential Tile Roof", price: "Point Loma", imageSrc: "http://img.b2bpic.net/free-photo/cozy-streets-small-town-south-spain_72229-536.jpg", imageAlt: "Completed Spanish tile roof on a residential home in Point Loma"},
{
id: "proj-2",
name: "Asphalt Shingle Upgrade",
price: "La Jolla",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
imageAlt: "New asphalt shingle roof on a modern home in La Jolla",
},
id: "proj-2", name: "Asphalt Shingle Upgrade", price: "La Jolla", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "New asphalt shingle roof on a modern home in La Jolla"},
{
id: "proj-3",
name: "Commercial Flat Roof",
price: "Downtown SD",
imageSrc: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg",
imageAlt: "TPO flat roof installation on a commercial building downtown San Diego",
},
id: "proj-3", name: "Commercial Flat Roof", price: "Downtown SD", imageSrc: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg", imageAlt: "TPO flat roof installation on a commercial building downtown San Diego"},
{
id: "proj-4",
name: "Large Commercial Facility",
price: "Mira Mesa",
imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg",
imageAlt: "Extensive commercial roofing project on a large facility in Mira Mesa",
},
id: "proj-4", name: "Large Commercial Facility", price: "Mira Mesa", imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg", imageAlt: "Extensive commercial roofing project on a large facility in Mira Mesa"},
{
id: "proj-5",
name: "Solar-Ready Installation",
price: "Encinitas",
imageSrc: "http://img.b2bpic.net/free-photo/father-son-together-tree-nursery-looking-vegetation_23-2148814061.jpg",
imageAlt: "New roof prepared for solar panel installation in Encinitas",
},
id: "proj-5", name: "Solar-Ready Installation", price: "Encinitas", imageSrc: "http://img.b2bpic.net/free-photo/father-son-together-tree-nursery-looking-vegetation_23-2148814061.jpg", imageAlt: "New roof prepared for solar panel installation in Encinitas"},
{
id: "proj-6",
name: "Luxury Home Roofing",
price: "Rancho Santa Fe",
imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg",
imageAlt: "High-end roofing materials installed on a luxury home in Rancho Santa Fe",
},
id: "proj-6", name: "Luxury Home Roofing", price: "Rancho Santa Fe", imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg", imageAlt: "High-end roofing materials installed on a luxury home in Rancho Santa Fe"},
]}
title="Our Recent Roofing Projects"
description="Showcasing our dedication to excellence with a selection of completed roofing projects across San Diego County."
@@ -299,25 +189,13 @@ export default function LandingPage() {
tag="Our Commitment"
metrics={[
{
id: "metric-1",
value: "99%",
description: "Customer Satisfaction Rate",
},
id: "metric-1", value: "99%", description: "Customer Satisfaction Rate"},
{
id: "metric-2",
value: "24/7",
description: "Emergency Service Availability",
},
id: "metric-2", value: "24/7", description: "Emergency Service Availability"},
{
id: "metric-3",
value: "Lifetime",
description: "Material Warranty Options",
},
id: "metric-3", value: "Lifetime", description: "Material Warranty Options"},
{
id: "metric-4",
value: "A+",
description: "BBB Rating",
},
id: "metric-4", value: "A+", description: "BBB Rating"},
]}
metricsAnimation="slide-up"
/>
@@ -330,53 +208,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah L.",
role: "Homeowner, Carlsbad",
testimonial: "Highly recommend San Diego Roofing! They replaced our entire roof quickly and professionally. The team was courteous and clean.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-girl-showing-question-sign-before-camera_259150-58993.jpg",
imageAlt: "Sarah L.",
},
id: "t1", name: "Sarah L.", role: "Homeowner, Carlsbad", testimonial: "Highly recommend San Diego Roofing! They replaced our entire roof quickly and professionally. The team was courteous and clean.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-girl-showing-question-sign-before-camera_259150-58993.jpg", imageAlt: "Sarah L."},
{
id: "t2",
name: "Mark T.",
role: "Business Owner, Sorrento Valley",
testimonial: "Outstanding service from start to finish. Our commercial roof looks amazing, and the team was a pleasure to work with, minimizing disruption.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg",
imageAlt: "Mark T.",
},
id: "t2", name: "Mark T.", role: "Business Owner, Sorrento Valley", testimonial: "Outstanding service from start to finish. Our commercial roof looks amazing, and the team was a pleasure to work with, minimizing disruption.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg", imageAlt: "Mark T."},
{
id: "t3",
name: "Jessica R.",
role: "Homeowner, North Park",
testimonial: "Prompt, reliable, and fair pricing. They fixed a tricky leak that other companies couldn't diagnose. True experts!",
imageSrc: "http://img.b2bpic.net/free-photo/photo-black-woman-caucasian-guy-have-outdoor-walk-stand-closely_273609-18072.jpg",
imageAlt: "Jessica R.",
},
id: "t3", name: "Jessica R.", role: "Homeowner, North Park", testimonial: "Prompt, reliable, and fair pricing. They fixed a tricky leak that other companies couldn't diagnose. True experts!", imageSrc: "http://img.b2bpic.net/free-photo/photo-black-woman-caucasian-guy-have-outdoor-walk-stand-closely_273609-18072.jpg", imageAlt: "Jessica R."},
{
id: "t4",
name: "David S.",
role: "Property Manager, Escondido",
testimonial: "The best roofing company in San Diego! Transparent communication and exceptional quality on multiple properties.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-blue-t-shirt-holding-hands-back-looking-confident_176474-61529.jpg",
imageAlt: "David S.",
},
id: "t4", name: "David S.", role: "Property Manager, Escondido", testimonial: "The best roofing company in San Diego! Transparent communication and exceptional quality on multiple properties.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-blue-t-shirt-holding-hands-back-looking-confident_176474-61529.jpg", imageAlt: "David S."},
{
id: "t5",
name: "Emily C.",
role: "Homeowner, Coronado",
testimonial: "From initial quote to final inspection, everything was seamless. Truly a five-star experience and a beautiful new roof.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14390.jpg",
imageAlt: "Emily C.",
},
id: "t5", name: "Emily C.", role: "Homeowner, Coronado", testimonial: "From initial quote to final inspection, everything was seamless. Truly a five-star experience and a beautiful new roof.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14390.jpg", imageAlt: "Emily C."},
{
id: "t6",
name: "Mike G.",
role: "Commercial Client, Gaslamp",
testimonial: "Our large commercial property roof replacement was handled flawlessly, minimizing disruption and delivering on time.",
imageSrc: "http://img.b2bpic.net/free-photo/man-gently-hugging-woman-high-angle_23-2148231801.jpg",
imageAlt: "Mike G.",
},
id: "t6", name: "Mike G.", role: "Commercial Client, Gaslamp", testimonial: "Our large commercial property roof replacement was handled flawlessly, minimizing disruption and delivering on time.", imageSrc: "http://img.b2bpic.net/free-photo/man-gently-hugging-woman-high-angle_23-2148231801.jpg", imageAlt: "Mike G."},
]}
title="What Our Customers Say"
description="Hear directly from San Diego homeowners and businesses who trusted us with their roofing needs."
@@ -388,14 +230,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"GAF",
"Owens Corning",
"CertainTeed",
"Malarkey Roofing Products",
"IKO",
"TAMKO Building Products",
"Boral Roofing",
]}
"GAF", "Owens Corning", "CertainTeed", "Malarkey Roofing Products", "IKO", "TAMKO Building Products", "Boral Roofing"]}
title="Trusted by Leading Brands & Homeowners"
description="We partner with top-tier manufacturers and are proudly certified by industry leaders to bring you the best quality."
showCard={true}
@@ -407,30 +242,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How long does a roof replacement typically take?",
content: "The duration of a roof replacement depends on various factors such as the size and complexity of your roof, the materials used, and weather conditions. Typically, a residential roof replacement can take anywhere from 2 to 7 days.",
},
id: "q1", title: "How long does a roof replacement typically take?", content: "The duration of a roof replacement depends on various factors such as the size and complexity of your roof, the materials used, and weather conditions. Typically, a residential roof replacement can take anywhere from 2 to 7 days."},
{
id: "q2",
title: "What type of roofing is best suited for the San Diego climate?",
content: "San Diego's climate benefits from materials that offer good heat reflection and durability against sun exposure. Popular choices include cool roofing options, asphalt shingles, and concrete or clay tiles, all of which are excellent for longevity and energy efficiency.",
},
id: "q2", title: "What type of roofing is best suited for the San Diego climate?", content: "San Diego's climate benefits from materials that offer good heat reflection and durability against sun exposure. Popular choices include cool roofing options, asphalt shingles, and concrete or clay tiles, all of which are excellent for longevity and energy efficiency."},
{
id: "q3",
title: "Do you offer free estimates for roofing projects?",
content: "Yes, we provide free, no-obligation estimates for all our roofing replacement and repair services. Contact us today to schedule your comprehensive assessment.",
},
id: "q3", title: "Do you offer free estimates for roofing projects?", content: "Yes, we provide free, no-obligation estimates for all our roofing replacement and repair services. Contact us today to schedule your comprehensive assessment."},
{
id: "q4",
title: "Are you licensed and insured?",
content: "Absolutely. San Diego Roofing is fully licensed, bonded, and insured, giving you peace of mind that your project is in professional and capable hands. We adhere to all local building codes and safety standards.",
},
id: "q4", title: "Are you licensed and insured?", content: "Absolutely. San Diego Roofing is fully licensed, bonded, and insured, giving you peace of mind that your project is in professional and capable hands. We adhere to all local building codes and safety standards."},
{
id: "q5",
title: "What kind of warranty do you provide on your work?",
content: "We offer comprehensive warranties on both materials and workmanship. The specifics vary depending on the materials chosen and the scope of the project, but we always ensure our clients receive robust protection for their investment.",
},
id: "q5", title: "What kind of warranty do you provide on your work?", content: "We offer comprehensive warranties on both materials and workmanship. The specifics vary depending on the materials chosen and the scope of the project, but we always ensure our clients receive robust protection for their investment."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common questions about roofing replacement and repair services in San Diego."
@@ -442,18 +262,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready for a New Roof or Expert Repair? Get Your Free Estimate Today!"
buttons={[
{
text: "Call Us Now",
href: "tel:+16195551234",
},
text: "Call Us Now", href: "tel:+16195551234"},
{
text: "Request a Quote Online",
href: "#contact",
},
text: "Request a Quote Online", href: "#contact"},
]}
/>
</div>
@@ -463,13 +278,9 @@ export default function LandingPage() {
logoAlt="San Diego Roofing Logo"
logoText="San Diego Roofing"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>