Merge version_2 into main #2
271
src/app/page.tsx
271
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Building2, Home, ShieldCheck } from "lucide-react";
|
||||
import { Building2, Home, ShieldCheck, Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DDC Roof Restoration"
|
||||
/>
|
||||
@@ -54,103 +42,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Expert Roof Restoration for Every Home"
|
||||
description="Licensed, insured, and trusted by thousands. From repairs to full restoration, we protect what matters most."
|
||||
description="Licensed, insured, and trusted by thousands. We offer professional repairs, restoration, and full replacements to keep your home protected year-round."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "DDC restored my roof efficiently and professionally.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1",
|
||||
imageAlt: "professional roofing service home exterior",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "DDC restored my roof efficiently and professionally. The team was punctual and tidy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Exceptional service. My roof looks brand new again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg?_wi=1",
|
||||
imageAlt: "professional roofing contractor team",
|
||||
},
|
||||
{
|
||||
name: "Michael R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Fast, reliable, and honest. Best roofers in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/signing-document_1098-14224.jpg",
|
||||
imageAlt: "roof inspection residential modern",
|
||||
},
|
||||
{
|
||||
name: "Emma L.",
|
||||
handle: "@emmal",
|
||||
testimonial: "Very professional team, great communication throughout the process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
|
||||
imageAlt: "roof repair high quality work",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Fantastic quality workmanship. Highly recommend for any roof repair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg?_wi=2",
|
||||
imageAlt: "full roof restoration residential",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
name: "Sarah P.", handle: "@sarahp", testimonial: "Exceptional service. My roof looks brand new again and passed inspection perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg?_wi=1"}
|
||||
]}
|
||||
buttons={[{ text: "Get Your Free Inspection", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571913.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-amazed-front-view_176474-57861.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "LICENSED & INSURED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LOCALLY OWNED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% SATISFACTION GUARANTEED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "FAST TURNAROUND",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "FREE ESTIMATES",
|
||||
},
|
||||
{ type: "text", text: "LICENSED & INSURED" },
|
||||
{ type: "text", text: "LOCALLY OWNED" },
|
||||
{ type: "text", text: "100% SATISFACTION GUARANTEED" },
|
||||
{ type: "text", text: "FAST TURNAROUND" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,23 +69,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose DDC for Your Roof?"
|
||||
description="With decades of combined experience, our licensed team is dedicated to providing superior restoration services that ensure your home stays dry, safe, and energy-efficient."
|
||||
description="With over 15 years of local experience, DDC Roof Restoration provides top-tier workmanship. We believe in transparency, quality materials, and long-term protection for your family home."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed & Insured",
|
||||
description: "Fully compliant with all state regulations for your peace of mind.",
|
||||
},
|
||||
{
|
||||
title: "Free Consultations",
|
||||
description: "Get a thorough professional inspection and an accurate, transparent quote.",
|
||||
},
|
||||
{
|
||||
title: "Warranty Assured",
|
||||
description: "Comprehensive guarantees on all labor and materials we provide.",
|
||||
},
|
||||
{ title: "Licensed & Insured", description: "Fully compliant with all state roofing regulations for your protection." },
|
||||
{ title: "Quality Materials", description: "We use only premium, industry-tested materials for maximum durability." },
|
||||
{ title: "Customer-Centric", description: "We keep you informed from initial inspection to final clean-up." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,24 +85,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Quick fix leaks, shingle replacement, and weather-proofing repairs.",
|
||||
icon: Building2,
|
||||
},
|
||||
{
|
||||
title: "Full Restoration",
|
||||
description: "Complete restoration service to extend the lifespan of your existing roof.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Full Replacement",
|
||||
description: "Professional installation of high-quality new roofing systems.",
|
||||
icon: Home,
|
||||
},
|
||||
{ title: "Roof Repairs", description: "Fixing leaks, replacing damaged shingles, and weather-proofing your roof.", icon: Building2 },
|
||||
{ title: "Roof Restoration", description: "Extend the lifespan of your existing roof with our proprietary restoration process.", icon: ShieldCheck },
|
||||
{ title: "Roof Replacement", description: "Complete, professional tear-off and installation of high-quality roofing systems.", icon: Home }
|
||||
]}
|
||||
title="Professional Roofing Services"
|
||||
description="Comprehensive solutions tailored to your specific roofing needs."
|
||||
description="Comprehensive solutions to maintain the integrity and value of your home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -215,48 +102,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice T.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg",
|
||||
id: "1", name: "Alice Taylor", role: "Homeowner", company: "Oakwood District", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob B.",
|
||||
role: "Property Owner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571913.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie D.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-amazed-front-view_176474-57861.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana K.",
|
||||
role: "Property Manager",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward F.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Simmons", role: "Property Investor", company: "City Center", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-amazed-front-view_176474-57861.jpg"
|
||||
}
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Trusted by hundreds of homeowners in the community."
|
||||
title="Our Happy Customers"
|
||||
description="DDC Roof Restoration is proud to serve the community with reliable, high-quality roofing solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -264,24 +119,12 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a roof restoration take?",
|
||||
content: "Most residential projects are completed within 3 to 5 business days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer financing options?",
|
||||
content: "Yes, we work with several financing partners to make your restoration affordable.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I know if I need a replacement?",
|
||||
content: "Our experts conduct a thorough assessment during your free inspection to help you decide.",
|
||||
},
|
||||
{ id: "q1", title: "How soon can you inspect my roof?", content: "We typically schedule inspections within 24-48 hours of your request." },
|
||||
{ id: "q2", title: "Is your work guaranteed?", content: "Yes, all our labor and material work is backed by comprehensive warranties." },
|
||||
{ id: "q3", title: "What service areas do you cover?", content: "We proudly serve the entire greater metro area. Contact us for specifics!" }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about your roof restoration project."
|
||||
sideDescription="Answers to the most common questions regarding your roofing needs."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -289,15 +132,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Ready to protect your home? Book your free roof inspection today."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Get in touch with us for a free estimate and property assessment today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Free Inspection",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Call Us Now: 555-0123", href: "tel:5550123" },
|
||||
{ text: "Schedule Online", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,36 +145,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="DDC Roof Restoration"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Restoration",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Replacement",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "DDC Info", items: [{ label: "contact@ddcroof.com", href: "mailto:contact@ddcroof.com" }, { label: "555-0123", href: "tel:5550123" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#" }, { label: "Services", href: "#services" }, { label: "Book Inspection", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user