Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
363
src/app/page.tsx
363
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Facebook, Instagram, ShieldCheck, ThumbsUp } from "lucide-react";
|
||||
import { Award, Facebook, Instagram, ShieldCheck, ThumbsUp, Search, Wrench, Wind, Home, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,259 +28,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Roofing Specialists SD"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Roofing Specialists SD"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Roofing Specialists of San Diego"
|
||||
description="Your trusted local partners for high-quality, durable roof installations and repairs. Protecting your home with excellence and integrity in Southern California."
|
||||
tag="Expert Roofing Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
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",
|
||||
imageAlt: "Modern San Diego roof installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
imageAlt: "Precision craftsmanship detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-trees-with-colorful-foliage-park_181624-27213.jpg",
|
||||
imageAlt: "San Diego residential view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rows-seats_1398-4403.jpg",
|
||||
imageAlt: "High-quality roof texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
imageAlt: "Our expert team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-metal-bars-bright-sky_181624-7319.jpg",
|
||||
imageAlt: "Architectural roof line",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Roofing Specialists of San Diego"
|
||||
description="Your trusted local partners for high-quality, durable roof installations and repairs. Protecting your home with excellence and integrity in Southern California."
|
||||
tag="Expert Roofing Solutions"
|
||||
buttons={[{ text: "Get Your Free Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ 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", imageAlt: "Modern San Diego roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", imageAlt: "Precision craftsmanship detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/autumn-trees-with-colorful-foliage-park_181624-27213.jpg", imageAlt: "San Diego residential view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rows-seats_1398-4403.jpg", imageAlt: "High-quality roof texture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg", imageAlt: "Our expert team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-metal-bars-bright-sky_181624-7319.jpg", imageAlt: "Architectural roof line" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built on Trust, Delivered with Precision"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Us",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built on Trust, Delivered with Precision"
|
||||
buttons={[{ text: "Learn About Us", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Comprehensive Inspections",
|
||||
description: "Detect leaks and structural issues before they cause costly damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
|
||||
buttonIcon: "Search",
|
||||
},
|
||||
{
|
||||
title: "Professional Repairs",
|
||||
description: "Expert solutions for storm damage, leaks, and aging shingle wear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg",
|
||||
buttonIcon: "Wrench",
|
||||
},
|
||||
{
|
||||
title: "Advanced Ventilation",
|
||||
description: "Optimize your home's energy efficiency and prolong roof lifespan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ventilation-duct-building-roof_1387-547.jpg",
|
||||
buttonIcon: "Wind",
|
||||
},
|
||||
{
|
||||
title: "Full Replacements",
|
||||
description: "Durable, high-quality materials installed to the highest industry standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
|
||||
buttonIcon: "Home",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Roofing Services"
|
||||
description="From minor repairs to full-scale custom installations, we manage every detail to ensure your peace of mind."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Comprehensive Inspections", description: "Detect leaks and structural issues before they cause costly damage.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", buttonIcon: Search },
|
||||
{ title: "Professional Repairs", description: "Expert solutions for storm damage, leaks, and aging shingle wear.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg", buttonIcon: Wrench },
|
||||
{ title: "Advanced Ventilation", description: "Optimize your home's energy efficiency and prolong roof lifespan.", imageSrc: "http://img.b2bpic.net/free-photo/ventilation-duct-building-roof_1387-547.jpg", buttonIcon: Wind },
|
||||
{ title: "Full Replacements", description: "Durable, high-quality materials installed to the highest industry standards.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg", buttonIcon: Home },
|
||||
]}
|
||||
title="Our Specialized Roofing Services"
|
||||
description="From minor repairs to full-scale custom installations, we manage every detail to ensure your peace of mind."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Projects Completed",
|
||||
value: "1,500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: ThumbsUp,
|
||||
title: "Satisfied Customers",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ShieldCheck,
|
||||
title: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Our numbers reflect our commitment to superior roofing quality in the San Diego region."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Projects Completed", value: "1,500+" },
|
||||
{ id: "m2", icon: ThumbsUp, title: "Satisfied Customers", value: "98%" },
|
||||
{ id: "m3", icon: ShieldCheck, title: "Years Experience", value: "25+" },
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Our numbers reflect our commitment to superior roofing quality in the San Diego region."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-points-front-isolated-olive-green-wall_141793-66457.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Henderson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2381.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Rebecca Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-conversation_23-2148653401.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-points-front-isolated-olive-green-wall_141793-66457.jpg" },
|
||||
{ id: "t2", name: "James Henderson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2381.jpg" },
|
||||
{ id: "t3", name: "Rebecca Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-conversation_23-2148653401.jpg" },
|
||||
{ id: "t4", name: "Marcus Chen", imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
|
||||
{ id: "t5", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most projects are completed within 2-4 days, depending on complexity and home size.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with several financing partners to make your renovation accessible.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Fully licensed, bonded, and insured in the state of California for your protection.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need clarity? We have answers to the most common roofing queries."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "faq1", title: "How long does a roof replacement take?", content: "Most projects are completed within 2-4 days, depending on complexity and home size." },
|
||||
{ id: "faq2", title: "Do you offer financing?", content: "Yes, we work with several financing partners to make your renovation accessible." },
|
||||
{ id: "faq3", title: "Are you licensed and insured?", content: "Fully licensed, bonded, and insured in the state of California for your protection." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need clarity? We have answers to the most common roofing queries."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Request a Free Roof Inspection"
|
||||
description="Our experts are ready to assist with your roofing needs. Fill out the form, and we'll reach out shortly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Describe your roofing project...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-talking-about-investment-real-estate-office-space_482257-91171.jpg"
|
||||
buttonText="Submit Request"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Request a Free Roof Inspection"
|
||||
description="Our experts are ready to assist with your roofing needs. Fill out the form, and we'll reach out shortly."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "details", placeholder: "Describe your roofing project..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-talking-about-investment-real-estate-office-space_482257-91171.jpg"
|
||||
buttonText="Submit Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Roofing Specialists SD"
|
||||
copyrightText="© 2025 Roofing Specialists of San Diego | All Rights Reserved"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Roofing Specialists SD"
|
||||
copyrightText="© 2025 Roofing Specialists of San Diego | All Rights Reserved"
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user