bender/35cdd997-ea93-45d5-83fb-e8c215d18c46
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-26 01:01:38 +00:00
Conversation 0 Commits 1 Files Changed 1 +51 -313
1 changed files with 51 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

364
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Calendar, Camera, CheckCircle, FileText, Send, ShieldCheck, Tool } from "lucide-react";
import { Calendar, Camera, CheckCircle, FileText, Send, ShieldCheck, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,129 +32,35 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Process",
id: "how-it-works",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Services", id: "services" },
{ name: "Process", id: "how-it-works" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Roofing USA"
button={{ text: "Get Quote", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="America’s Most Trusted Roofing Experts"
description="Facing storm damage, leaks, or an aging roof? Get a FREE professional inspection with advanced drone imaging. No obligation, just expert care."
testimonials={[
{
name: "Sarah J.",
handle: "@customer",
testimonial: "Cooper answered the phone and was at my house that same afternoon. They handled everything with my insurance!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-winner-gesture-shirt-vest-hat-looking-happy-front-view_176474-30662.jpg?_wi=1",
},
{
name: "Michael D.",
handle: "@customer",
testimonial: "Professional, thorough inspection, and we're very happy with the service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg",
},
{
name: "Linda M.",
handle: "@customer",
testimonial: "Highly efficient process. I knew exactly what was happening the whole time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg",
},
{
name: "David R.",
handle: "@customer",
testimonial: "The communication was excellent. They exceeded all expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-smiling-very-happy-showing-keys-new-home-moving-buying-new-apartmet-concept_839833-22727.jpg",
},
{
name: "Karen S.",
handle: "@customer",
testimonial: "Roofing USA is committed to making things right. Great experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg",
},
{ name: "Sarah J.", handle: "@customer", testimonial: "Cooper answered the phone and was at my house that same afternoon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-winner-gesture-shirt-vest-hat-looking-happy-front-view_176474-30662.jpg" },
{ name: "Michael D.", handle: "@customer", testimonial: "Professional, thorough inspection, and we're very happy with the service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg" },
{ name: "Linda M.", handle: "@customer", testimonial: "Highly efficient process. I knew exactly what was happening the whole time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg" },
{ name: "David R.", handle: "@customer", testimonial: "The communication was excellent. They exceeded all expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-smiling-very-happy-showing-keys-new-home-moving-buying-new-apartmet-concept_839833-22727.jpg" },
{ name: "Karen S.", handle: "@customer", testimonial: "Roofing USA is committed to making things right. Great experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg" }
]}
buttons={[
{
text: "Get Free Inspection",
href: "#contact",
},
{
text: "Check for Storm Damage",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg?_wi=1"
buttons={[{ text: "Get Free Inspection", href: "#contact" }, { text: "Check for Storm Damage", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
alt: "Satisfied client",
},
{
src: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15997.jpg",
alt: "Happy homeowner",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg",
alt: "Satisfied homeowner",
},
{
src: "http://img.b2bpic.net/free-photo/happy-gay-couple-balcony_74855-20307.jpg",
alt: "Happy customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
alt: "Positive client",
},
]}
avatars={[{ src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", alt: "Satisfied client" }, { src: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15997.jpg", alt: "Happy homeowner" }, { src: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg", alt: "Satisfied homeowner" }, { src: "http://img.b2bpic.net/free-photo/happy-gay-couple-balcony_74855-20307.jpg", alt: "Happy customer" }, { src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg", alt: "Positive client" }]}
avatarText="Trusted by 500+ Local Homeowners"
marqueeItems={[
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "24/7 Emergency Repairs",
},
{
type: "text",
text: "Insurance Specialists",
},
{
type: "text",
text: "Elite Quality Materials",
},
{
type: "text",
text: "Fast Turnaround",
},
]}
marqueeItems={[{ type: "text", text: "Licensed & Insured" }, { type: "text", text: "24/7 Emergency Repairs" }, { type: "text", text: "Insurance Specialists" }, { type: "text", text: "Elite Quality Materials" }, { type: "text", text: "Fast Turnaround" }]}
/>
</div>
@@ -164,33 +70,12 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
title: "Advanced Inspections",
description: "We utilize cutting-edge drone technology to capture high-definition details of your roof, providing full transparency and accurate reports.",
bentoComponent: "reveal-icon",
icon: Send,
imageSrc: "http://img.b2bpic.net/free-photo/oil-inspector-protective-overalls-orange-helmet-making-notes-transformer_651396-1818.jpg?_wi=1",
imageAlt: "drone technology roof inspection",
},
{
title: "Stress-Free Process",
description: "We act as your dedicated advocates. Our experts deal directly with insurance adjusters so you don't have to navigate complex paperwork alone.",
bentoComponent: "reveal-icon",
icon: FileText,
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg?_wi=2",
imageAlt: "drone technology roof inspection",
},
{
title: "Premium Results",
description: "Only the highest quality materials and certified installation teams, ensuring your home is protected with a long-lasting, durable roof.",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-photo/group-businesspeople-working-together-office_23-2147923325.jpg?_wi=1",
imageAlt: "drone technology roof inspection",
},
{ title: "Advanced Inspections", description: "High-def drone details.", bentoComponent: "reveal-icon", icon: Send },
{ title: "Stress-Free Process", description: "We advocate for you.", bentoComponent: "reveal-icon", icon: FileText },
{ title: "Premium Results", description: "Durable, long-lasting roofs.", bentoComponent: "reveal-icon", icon: ShieldCheck }
]}
title="We Handle Everything"
description="Don't just replace your roof—experience a seamless, professional, and insurance-friendly process from start to finish."
description="Seamless process from start to finish."
/>
</div>
@@ -199,10 +84,10 @@ export default function LandingPage() {
useInvertedBackground={true}
tag="Our Expertise"
title="Comprehensive Roofing Services"
description="From minor leak repairs to full-scale insurance claim management, our licensed experts provide turn-key solutions tailored to your unique needs."
subdescription="With extensive experience in storm damage mitigation, we prioritize your peace of mind and home safety above all else."
icon={Tool}
imageSrc="http://img.b2bpic.net/free-photo/man-touching-measuring-device-wall-near-power-socket_259150-58248.jpg?_wi=1"
description="Licensed experts provide turn-key solutions."
subdescription="Specializing in storm damage mitigation."
icon={Wrench}
imageSrc="http://img.b2bpic.net/free-photo/man-touching-measuring-device-wall-near-power-socket_259150-58248.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -213,49 +98,14 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "1. Book Free Inspection",
description: "Get in touch today to schedule your assessment at no cost.",
bentoComponent: "reveal-icon",
icon: Calendar,
imageSrc: "http://img.b2bpic.net/free-photo/group-businesspeople-working-together-office_23-2147923325.jpg?_wi=2",
imageAlt: "insurance claim paperwork",
},
{
title: "2. Drone Analysis",
description: "Expert inspection using state-of-the-art imaging technology.",
bentoComponent: "reveal-icon",
icon: Camera,
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg?_wi=3",
imageAlt: "insurance claim paperwork",
},
{
title: "3. Claim Assistance",
description: "We document damage and speak directly with your insurance provider.",
bentoComponent: "reveal-icon",
icon: FileText,
imageSrc: "http://img.b2bpic.net/free-photo/oil-inspector-protective-overalls-orange-helmet-making-notes-transformer_651396-1818.jpg?_wi=2",
imageAlt: "insurance claim paperwork",
},
{
title: "4. Expert Installation",
description: "Skilled teams replace your roof with precision and high-grade materials.",
bentoComponent: "reveal-icon",
icon: Tool,
imageSrc: "http://img.b2bpic.net/free-photo/man-touching-measuring-device-wall-near-power-socket_259150-58248.jpg?_wi=2",
imageAlt: "insurance claim paperwork",
},
{
title: "5. Peace of Mind",
description: "Enjoy a worry-free home with a renewed, durable roof system.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-winner-gesture-shirt-vest-hat-looking-happy-front-view_176474-30662.jpg?_wi=2",
imageAlt: "insurance claim paperwork",
},
{ title: "1. Book Free Inspection", description: "Get in touch today.", bentoComponent: "reveal-icon", icon: Calendar },
{ title: "2. Drone Analysis", description: "Expert imaging tech.", bentoComponent: "reveal-icon", icon: Camera },
{ title: "3. Claim Assistance", description: "We document damage.", bentoComponent: "reveal-icon", icon: FileText },
{ title: "4. Expert Installation", description: "Precision execution.", bentoComponent: "reveal-icon", icon: Wrench },
{ title: "5. Peace of Mind", description: "Worry-free home.", bentoComponent: "reveal-icon", icon: CheckCircle }
]}
title="Simple 5-Step Process"
description="Our transparent process removes the headache from home maintenance and insurance claims."
description="Removing the headache from claims."
/>
</div>
@@ -266,49 +116,14 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Homeowner",
company: "Mt. Pleasant",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg",
},
{
id: "2",
name: "Michael D.",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg",
},
{
id: "3",
name: "Linda M.",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-image-optimistic-energetic-mature-businesswoman-with-short-blonde-hair-posing-stylish-office-interior-with-arms-folded-her-chest-looking-camera-with-confident-happy-smile_343059-2245.jpg",
},
{
id: "4",
name: "David R.",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",
},
{
id: "5",
name: "Karen S.",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg",
},
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Mt. Pleasant", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg" },
{ id: "2", name: "Michael D.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg" },
{ id: "3", name: "Linda M.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-image-optimistic-energetic-mature-businesswoman-with-short-blonde-hair-posing-stylish-office-interior-with-arms-folded-her-chest-looking-camera-with-confident-happy-smile_343059-2245.jpg" },
{ id: "4", name: "David R.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg" },
{ id: "5", name: "Karen S.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg" }
]}
title="Real Results"
description="See why hundreds of homeowners trust us as their primary roofing partner."
description="Why homeowners trust us."
/>
</div>
@@ -318,29 +133,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "FREE",
title: "Inspection",
items: [
"No Obligation",
"Fast Turnaround",
"Drone Technology",
],
},
{
id: "m2",
value: "LOW",
title: "Deductible",
items: [
"Insurance Advocacy",
"Direct Billing",
"Paperwork Handled",
],
},
{ id: "m1", value: "FREE", title: "Inspection", items: ["No Obligation", "Fast Turnaround", "Drone Technology"] },
{ id: "m2", value: "LOW", title: "Deductible", items: ["Insurance Advocacy", "Direct Billing", "Paperwork Handled"] }
]}
title="Could You Qualify?"
description="If your home has experienced recent storm or hail damage, your insurance may cover most—or all—of your roof replacement."
description="Insurance may cover your replacement."
/>
</div>
@@ -348,17 +145,9 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="split"
useInvertedBackground={true}
names={[
"Mt. Pleasant",
"Charleston Area",
"Daniel Island",
"Isle of Palms",
"Sullivan's Island",
"Summerville",
"Goose Creek",
]}
title="Serving Homeowners Like You"
description="We proudly serve Mt. Pleasant and surrounding communities. Past storms may have caused invisible wear—let our experts check your roof at no cost."
names={["Mt. Pleasant", "Charleston Area", "Daniel Island", "Isle of Palms", "Sullivan's Island", "Summerville", "Goose Creek"]}
title="Serving Homeowners"
description="We proudly serve Mt. Pleasant."
/>
</div>
@@ -367,29 +156,13 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How much does an inspection cost?",
content: "Our professional drone inspection is 100% free with no obligation.",
},
{
id: "f2",
title: "Will you work with my insurance?",
content: "Yes, we are specialists in insurance claim assistance and act as your advocate throughout the process.",
},
{
id: "f3",
title: "How long does a replacement take?",
content: "Most residential replacements are completed efficiently, typically within a few days depending on roof size.",
},
{
id: "f4",
title: "Do you offer warranties?",
content: "Yes, we stand by our work with premium material and installation warranties.",
},
{ id: "f1", title: "How much does an inspection cost?", content: "100% free with no obligation." },
{ id: "f2", title: "Will you work with my insurance?", content: "Yes, we act as your advocate." },
{ id: "f3", title: "How long does a replacement take?", content: "Typically within a few days." },
{ id: "f4", title: "Do you offer warranties?", content: "Yes, premium material warranties." }
]}
title="Common Questions"
description="Need more info about the roofing process or insurance claims? We've got you covered."
description="Info about the process."
faqsAnimation="slide-up"
/>
</div>
@@ -397,11 +170,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Don't Wait Until Damage Gets Worse"
description="Schedule your professional inspection today. A few minutes now could save you thousands in future repairs."
description="Schedule your inspection today."
buttonText="Schedule Free Inspection"
tag="Contact Us"
/>
@@ -409,44 +180,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Our Process",
href: "#how-it-works",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "License: #12345",
href: "#",
},
],
},
]}
columns={[{ items: [{ label: "Services", href: "#services" }, { label: "Our Process", href: "#how-it-works" }, { label: "Contact Us", href: "#contact" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "License: #12345", href: "#" }] }]}
logoText="Roofing USA"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}