Merge version_1 into main #2
289
src/app/page.tsx
289
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Building2, Clock, Droplet, Phone, Search, Shield, Square, ThumbsUp, Tool, Zap } from "lucide-react";
|
||||
import { Building2, Clock, Droplet, Phone, Search, Shield, Square, ThumbsUp, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Get Quote",
|
||||
id: "#quote",
|
||||
},
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Get Quote", id: "#quote" },
|
||||
]}
|
||||
brandName="ROOF PROS"
|
||||
/>
|
||||
@@ -53,103 +41,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Commanding Protection for Your RI Home"
|
||||
description="Expert roofing services delivered with precision. 1-day turnaround, industry-leading warranties, and 100% satisfaction guaranteed."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@rihomeowner",
|
||||
testimonial: "Roof Pros did my roof in one day. Flawless execution.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-residential-roofing-photogr-1774895002998-b5ef68f4.png?_wi=1",
|
||||
imageAlt: "Professional residential roofing photography, high contrast, dark charcoal shingle roof, luxury home",
|
||||
},
|
||||
name: "James R.", handle: "@rihomeowner", testimonial: "Roof Pros did my roof in one day. Flawless execution.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-residential-roofing-photogr-1774895002998-b5ef68f4.png", imageAlt: "Professional residential roofing photography, high contrast, dark charcoal shingle roof, luxury home"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "The best warranty in the business. Very satisfied.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000453-9fdd60b5.png?_wi=1",
|
||||
imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting.",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "The best warranty in the business. Very satisfied.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000453-9fdd60b5.png", imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting."},
|
||||
{
|
||||
name: "Mike P.",
|
||||
handle: "@mikep",
|
||||
testimonial: "Fastest crew I've ever seen. Professionalism at its peak.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895001560-81fa5827.png?_wi=1",
|
||||
imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting.",
|
||||
},
|
||||
name: "Mike P.", handle: "@mikep", testimonial: "Fastest crew I've ever seen. Professionalism at its peak.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895001560-81fa5827.png", imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting."},
|
||||
{
|
||||
name: "Linda T.",
|
||||
handle: "@lindat",
|
||||
testimonial: "Incredible cleanup. Would hire again.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000498-03e21c50.png?_wi=1",
|
||||
imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting.",
|
||||
},
|
||||
name: "Linda T.", handle: "@lindat", testimonial: "Incredible cleanup. Would hire again.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000498-03e21c50.png", imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting."},
|
||||
{
|
||||
name: "Dave W.",
|
||||
handle: "@davew",
|
||||
testimonial: "Professional, punctual, and high quality work.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774894999931-fef4bc4a.png?_wi=1",
|
||||
imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting.",
|
||||
},
|
||||
name: "Dave W.", handle: "@davew", testimonial: "Professional, punctual, and high quality work.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774894999931-fef4bc4a.png", imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#quote",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-residential-roofing-photogr-1774895002998-b5ef68f4.png?_wi=2"
|
||||
buttons={[{ text: "Get Free Estimate", href: "#quote" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-residential-roofing-photogr-1774895002998-b5ef68f4.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000453-9fdd60b5.png",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895001560-81fa5827.png",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000498-03e21c50.png",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774894999931-fef4bc4a.png",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000453-9fdd60b5.png",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "1-Day Install",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local RI Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "A+ Rated Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -159,54 +73,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Asphalt Shingles",
|
||||
description: "High-durability shingle installations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-residential-roofing-photogr-1774895002998-b5ef68f4.png?_wi=3",
|
||||
imageAlt: "Professional residential roofing photography, high contrast, dark charcoal shingle roof, luxury home",
|
||||
},
|
||||
{
|
||||
title: "Metal Roofing",
|
||||
description: "Modern, sleek, and long-lasting metal roofs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000453-9fdd60b5.png?_wi=2",
|
||||
imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting.",
|
||||
},
|
||||
{
|
||||
title: "Flat Roofing",
|
||||
description: "Expert flat roof systems for commercial and residential.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Square,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895001560-81fa5827.png?_wi=2",
|
||||
imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting.",
|
||||
},
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Quick fix, lasting results for all damages.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Tool,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000498-03e21c50.png?_wi=2",
|
||||
imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting.",
|
||||
},
|
||||
{
|
||||
title: "Gutter Services",
|
||||
description: "Seamless gutters to protect your foundation.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplet,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774894999931-fef4bc4a.png?_wi=2",
|
||||
imageAlt: "Professional headshot of a happy customer, clean background, high quality lighting.",
|
||||
},
|
||||
{
|
||||
title: "Inspections",
|
||||
description: "Comprehensive roof assessments today.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-residential-roofing-photogr-1774895002998-b5ef68f4.png?_wi=4",
|
||||
imageAlt: "Professional residential roofing photography, high contrast, dark charcoal shingle roof, luxury home",
|
||||
},
|
||||
{ title: "Asphalt Shingles", description: "High-durability shingle installations.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Metal Roofing", description: "Modern, sleek, and long-lasting metal roofs.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Flat Roofing", description: "Expert flat roof systems for commercial and residential.", bentoComponent: "reveal-icon", icon: Square },
|
||||
{ title: "Roof Repair", description: "Quick fix, lasting results for all damages.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||
{ title: "Gutter Services", description: "Seamless gutters to protect your foundation.", bentoComponent: "reveal-icon", icon: Droplet },
|
||||
{ title: "Inspections", description: "Comprehensive roof assessments today.", bentoComponent: "reveal-icon", icon: Search },
|
||||
]}
|
||||
title="Roofing Excellence"
|
||||
description="Our core services designed to stand the test of time."
|
||||
@@ -219,41 +91,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James R.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Best roofing crew ever.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000453-9fdd60b5.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
role: "Homeowner",
|
||||
testimonial: "So fast and clean!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895001560-81fa5827.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike P.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Worth every penny.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000498-03e21c50.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linda T.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent workmanship.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774894999931-fef4bc4a.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "John D.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Highly recommended to all.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000453-9fdd60b5.png?_wi=4",
|
||||
},
|
||||
{ id: "1", name: "James R.", role: "Homeowner", testimonial: "Best roofing crew ever.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000453-9fdd60b5.png" },
|
||||
{ id: "2", name: "Sarah K.", role: "Homeowner", testimonial: "So fast and clean!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895001560-81fa5827.png" },
|
||||
{ id: "3", name: "Mike P.", role: "Homeowner", testimonial: "Worth every penny.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000498-03e21c50.png" },
|
||||
{ id: "4", name: "Linda T.", role: "Homeowner", testimonial: "Excellent workmanship.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774894999931-fef4bc4a.png" },
|
||||
{ id: "5", name: "John D.", role: "Homeowner", testimonial: "Highly recommended to all.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfzZrvbpI3OsZTR2mWyyOJz3mm/professional-headshot-of-a-happy-custome-1774895000453-9fdd60b5.png" },
|
||||
]}
|
||||
title="Trusted by Your Neighbors"
|
||||
description="See why homeowners in RI trust Roof Pros."
|
||||
@@ -265,27 +107,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a roof install take?",
|
||||
content: "Most residential roofs are done in one day.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with several financing partners.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the work insured?",
|
||||
content: "100% licensed and insured.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a roof install take?", content: "Most residential roofs are done in one day." },
|
||||
{ id: "f2", title: "Do you offer financing?", content: "Yes, we work with several financing partners." },
|
||||
{ id: "f3", title: "Is the work insured?", content: "100% licensed and insured." },
|
||||
]}
|
||||
ctaTitle="Schedule Your Free Estimate"
|
||||
ctaDescription="Ready to protect your home? Fill out the form below."
|
||||
ctaButton={{
|
||||
text: "Submit Quote",
|
||||
}}
|
||||
ctaButton={{ text: "Submit Quote" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -298,24 +126,9 @@ export default function LandingPage() {
|
||||
title="Proven Performance"
|
||||
description="Numbers speak for themselves."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Building2,
|
||||
title: "Roofs Completed",
|
||||
value: "1,500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ThumbsUp,
|
||||
title: "Happy Customers",
|
||||
value: "99%",
|
||||
},
|
||||
{ id: "m1", icon: Building2, title: "Roofs Completed", value: "1,500+" },
|
||||
{ id: "m2", icon: Clock, title: "Years Experience", value: "20+" },
|
||||
{ id: "m3", icon: ThumbsUp, title: "Happy Customers", value: "99%" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -324,32 +137,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="ROOF PROS"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#quote",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Services", href: "#features" }, { label: "Testimonials", href: "#testimonials" }] },
|
||||
{ title: "Support", items: [{ label: "Privacy Policy", href: "#" }, { label: "Contact", href: "#quote" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Roof Pros RI. All rights reserved."
|
||||
/>
|
||||
@@ -357,4 +146,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user