Merge version_1 into main #2
341
src/app/page.tsx
341
src/app/page.tsx
@@ -26,254 +26,111 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ultra Roof Restorations"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ultra Roof Restorations"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Transform Your Roof. Elevate Your Entire Home."
|
||||
description="Premium roof restorations with unmatched attention to detail, flawless finishes, and honest pricing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1",
|
||||
imageAlt: "Professional roof restoration transformation 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2",
|
||||
imageAlt: "Modern tile roof restoration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=3",
|
||||
imageAlt: "High-quality roof finish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=4",
|
||||
imageAlt: "Luxury home roof restoration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=5",
|
||||
imageAlt: "Precision roofing craftsmanship",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=6",
|
||||
imageAlt: "Premium roofing project completion",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transform Your Roof. Elevate Your Entire Home."
|
||||
description="Premium roof restorations with unmatched attention to detail, flawless finishes, and honest pricing."
|
||||
buttons={[
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Professional roof restoration transformation 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Modern tile roof restoration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "High-quality roof finish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Luxury home roof restoration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Precision roofing craftsmanship" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Premium roofing project completion" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Roof Cleaning",
|
||||
descriptions: [
|
||||
"High-pressure cleaning that removes years of dirt, moss & grime.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=7",
|
||||
imageAlt: "Roof cleaning service",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Tile Replacement",
|
||||
descriptions: [
|
||||
"Broken or damaged tiles replaced with precision.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=8",
|
||||
imageAlt: "Tile replacement",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Ridge Capping",
|
||||
descriptions: [
|
||||
"Strengthen your roof and protect against leaks with professional repointing.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=9",
|
||||
imageAlt: "Ridge capping",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Roof Painting",
|
||||
descriptions: [
|
||||
"Premium coatings for a flawless, long-lasting finish.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=10",
|
||||
imageAlt: "Roof painting",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Leak Detection",
|
||||
descriptions: [
|
||||
"Fast, honest solutions when you need them most.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=11",
|
||||
imageAlt: "Leak detection",
|
||||
},
|
||||
]}
|
||||
title="Full-Service Roof Restoration Specialists"
|
||||
description="Premium roof restoration services designed to extend the life of your home and improve its curb appeal."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Roof Cleaning", descriptions: ["High-pressure cleaning that removes years of dirt, moss & grime."], imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Roof cleaning service" },
|
||||
{ id: "s2", title: "Tile Replacement", descriptions: ["Broken or damaged tiles replaced with precision."], imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Tile replacement" },
|
||||
{ id: "s3", title: "Ridge Capping", descriptions: ["Strengthen your roof and protect against leaks with professional repointing."], imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Ridge capping" },
|
||||
{ id: "s4", title: "Roof Painting", descriptions: ["Premium coatings for a flawless, long-lasting finish."], imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Roof painting" },
|
||||
{ id: "s5", title: "Leak Detection", descriptions: ["Fast, honest solutions when you need them most."], imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Leak detection" },
|
||||
]}
|
||||
title="Full-Service Roof Restoration Specialists"
|
||||
description="Premium roof restoration services designed to extend the life of your home and improve its curb appeal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Expert Craftsmanship"
|
||||
title="Meet Jed – The Man Behind the Work"
|
||||
description="Unlike most roofing companies, you won’t get subcontractors or inconsistent quality. Jed personally handles your project from start to finish."
|
||||
subdescription="No shortcuts, no miscommunication, no surprises. Just honest work, done properly by a perfectionist."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-professional-carpenter-standing-workshop-arms-folded_1098-19122.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Expert Craftsmanship"
|
||||
title="Meet Jed – The Man Behind the Work"
|
||||
description="Unlike most roofing companies, you won’t get subcontractors or inconsistent quality. Jed personally handles your project from start to finish."
|
||||
subdescription="No shortcuts, no miscommunication, no surprises. Just honest work, done properly by a perfectionist."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-professional-carpenter-standing-workshop-arms-folded_1098-19122.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Quality",
|
||||
quote: "Attention to detail, communication and workmanship is second to none.",
|
||||
name: "Matt Cawte",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469867.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Transformed Home",
|
||||
quote: "Transformed the look of our home — couldn’t be happier!",
|
||||
name: "Chris Parsons",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-posing_23-2148728587.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Work",
|
||||
quote: "High quality job on a difficult roof. Highly recommend.",
|
||||
name: "Neville Main",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Best Roofing",
|
||||
quote: "Price, efficiency and quality — best roofer on the coast.",
|
||||
name: "Timothy Owen",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-young-man-white-tshirt-holding-paper-house-model-smiling-searching-ap_1258-163774.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Amazing Results",
|
||||
quote: "Could not be happier with our new roof restoration.",
|
||||
name: "Sarah Smith",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-paper-house-smiling_1258-23926.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Homeowners Across the Coast"
|
||||
description="Hear what our happy clients have to say about our premium roof restoration services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Excellent Quality", quote: "Attention to detail, communication and workmanship is second to none.", name: "Matt Cawte", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469867.jpg" },
|
||||
{ id: "2", title: "Transformed Home", quote: "Transformed the look of our home — couldn’t be happier!", name: "Chris Parsons", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-posing_23-2148728587.jpg" },
|
||||
{ id: "3", title: "Great Work", quote: "High quality job on a difficult roof. Highly recommend.", name: "Neville Main", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg" },
|
||||
{ id: "4", title: "Best Roofing", quote: "Price, efficiency and quality — best roofer on the coast.", name: "Timothy Owen", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-young-man-white-tshirt-holding-paper-house-model-smiling-searching-ap_1258-163774.jpg" },
|
||||
{ id: "5", title: "Amazing Results", quote: "Could not be happier with our new roof restoration.", name: "Sarah Smith", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-paper-house-smiling_1258-23926.jpg" },
|
||||
]}
|
||||
title="Trusted by Homeowners Across the Coast"
|
||||
description="Hear what our happy clients have to say about our premium roof restoration services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready to Transform Your Roof?"
|
||||
description="Get a free, no-obligation quote today. Fast response. Honest advice. Exceptional results."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your roof project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-dark-roof_23-2149343705.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready to Transform Your Roof?"
|
||||
description="Get a free, no-obligation quote today. Fast response. Honest advice. Exceptional results."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your roof project...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-dark-roof_23-2149343705.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Ultra Roof Restorations"
|
||||
copyrightText="© 2025 Ultra Roof Restorations. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Ultra Roof Restorations"
|
||||
copyrightText="© 2025 Ultra Roof Restorations. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user