Merge version_2 into main #1
197
src/app/page.tsx
197
src/app/page.tsx
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=15dizc"
|
||||
logoAlt="LuxRoofing Logo"
|
||||
brandName="LuxRoofing"
|
||||
@@ -68,67 +54,42 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Elevate Your Home with Unrivaled Luxury Roofing"
|
||||
description="Experience superior craftsmanship, premium materials, and lasting beauty. Your dream roof starts here with our commitment to excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Our Services", href: "#services"},
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/landscape-courtyard-monastery_1268-15252.jpg"
|
||||
imageAlt="Luxurious black roof on a modern house during golden hour"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6158.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6158.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-businessman-with-his-arms-crossed-standing-front-building_23-2148176205.jpg",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-businessman-with-his-arms-crossed-standing-front-building_23-2148176205.jpg", alt: "Happy homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-working_23-2150384845.jpg",
|
||||
alt: "Professional client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-working_23-2150384845.jpg", alt: "Professional client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg",
|
||||
alt: "Elegant property owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg", alt: "Elegant property owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-man-talking-phone_23-2148352554.jpg",
|
||||
alt: "Confident manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-man-talking-phone_23-2148352554.jpg", alt: "Confident manager"},
|
||||
]}
|
||||
avatarText="Trusted by over 1000+ luxury homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Designs",
|
||||
},
|
||||
type: "text", text: "Award-Winning Designs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Master Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Master Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Solutions",
|
||||
},
|
||||
type: "text", text: "Sustainable Solutions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "25+ Years Experience",
|
||||
},
|
||||
type: "text", text: "25+ Years Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Client Approved Excellence",
|
||||
},
|
||||
type: "text", text: "Client Approved Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,17 +101,11 @@ export default function LandingPage() {
|
||||
description="With decades of experience in luxury roofing, we blend artistry with advanced techniques to deliver unparalleled durability and aesthetic appeal. Our commitment to quality ensures every project exceeds expectations."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "25+", title: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Luxury Roofs Installed",
|
||||
},
|
||||
value: "500+", title: "Luxury Roofs Installed"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Client Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"
|
||||
imageAlt="Skilled craftsman working on a luxury roof detail"
|
||||
@@ -167,32 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Elegant Slate Roofing",
|
||||
description: "Discover timeless beauty and exceptional longevity with our premium slate roofing installations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13260.jpg",
|
||||
imageAlt: "Elegant slate roof tiles",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/old-brown-roof-tile-pattern-background-texture_1150-21736.jpg",
|
||||
buttonText: "Learn More",
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Elegant Slate Roofing", description: "Discover timeless beauty and exceptional longevity with our premium slate roofing installations.", imageSrc: "https://images.unsplash.com/photo-1629864222012-32a76f236f01?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Elegant slate roof tiles on a house", titleImageSrc: "https://images.unsplash.com/photo-1629864221949-a29d5b7661b1?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", buttonText: "Learn More", buttonHref: "#"},
|
||||
{
|
||||
title: "Classic Tile Roofing",
|
||||
description: "Embrace the enduring charm and superior protection of our expertly installed tile roofs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-porch_23-2147805535.jpg",
|
||||
imageAlt: "Classic terracotta tile roof",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148220192.jpg",
|
||||
buttonText: "Learn More",
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Classic Tile Roofing", description: "Embrace the enduring charm and superior protection of our expertly installed tile roofs.", imageSrc: "https://images.unsplash.com/photo-1616782298711-b0e6e7d6b3c4?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Classic terracotta tile roof on a home", titleImageSrc: "https://images.unsplash.com/photo-1594916328325-10815121b6d0?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", buttonText: "Learn More", buttonHref: "#"},
|
||||
{
|
||||
title: "Modern Metal Roofing",
|
||||
description: "Opt for contemporary aesthetics and unmatched durability with our state-of-the-art metal roofing systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg",
|
||||
imageAlt: "Modern standing seam metal roof",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kl7k6z",
|
||||
buttonText: "Learn More",
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Modern Metal Roofing", description: "Opt for contemporary aesthetics and unmatched durability with our state-of-the-art metal roofing systems.", imageSrc: "https://images.unsplash.com/photo-1614066914612-4f7f4f4f4f4f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Modern standing seam metal roof on a building", titleImageSrc: "https://images.unsplash.com/photo-1634710186716-1b4e2f4f2f4f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", buttonText: "Learn More", buttonHref: "#"},
|
||||
]}
|
||||
title="Our Bespoke Roofing Services"
|
||||
description="From elegant slate to modern metal, we offer a comprehensive suite of luxury roofing solutions tailored to your unique architectural vision."
|
||||
@@ -207,20 +141,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Step 1",
|
||||
description: "Detailed Consultation: Understanding your vision and conducting thorough site assessments.",
|
||||
},
|
||||
id: "m1", value: "Step 1", description: "Detailed Consultation: Understanding your vision and conducting thorough site assessments."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Step 2",
|
||||
description: "Precision Installation: Employing master craftsmen and cutting-edge techniques for flawless execution.",
|
||||
},
|
||||
id: "m2", value: "Step 2", description: "Precision Installation: Employing master craftsmen and cutting-edge techniques for flawless execution."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Step 3",
|
||||
description: "Post-Installation Care: Providing comprehensive support and warranty for lasting peace of mind.",
|
||||
},
|
||||
id: "m3", value: "Step 3", description: "Post-Installation Care: Providing comprehensive support and warranty for lasting peace of mind."},
|
||||
]}
|
||||
title="Our Uncompromising Standards & Process"
|
||||
description="We adhere to a meticulous process and uphold the highest standards to ensure every roof is a masterpiece of engineering and design, built to last."
|
||||
@@ -233,45 +158,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Quality & Service",
|
||||
quote: "LuxRoofing transformed our home with a breathtaking new roof. The craftsmanship is superb, and the team was incredibly professional and efficient. Highly recommend!",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1346.jpg",
|
||||
},
|
||||
id: "1", title: "Exceptional Quality & Service", quote: "LuxRoofing transformed our home with a breathtaking new roof. The craftsmanship is superb, and the team was incredibly professional and efficient. Highly recommend!", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1346.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "A True Investment in Our Home",
|
||||
quote: "Choosing LuxRoofing was the best decision. Their expertise is evident in every detail, and our new tile roof is both beautiful and incredibly durable. Outstanding!",
|
||||
name: "Michael D.",
|
||||
role: "Property Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bartender-with-arms-crossed-leaning-bar-counter_107420-65491.jpg",
|
||||
},
|
||||
id: "2", title: "A True Investment in Our Home", quote: "Choosing LuxRoofing was the best decision. Their expertise is evident in every detail, and our new tile roof is both beautiful and incredibly durable. Outstanding!", name: "Michael D.", role: "Property Developer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bartender-with-arms-crossed-leaning-bar-counter_107420-65491.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Flawless Execution",
|
||||
quote: "From the initial consultation to the final inspection, LuxRoofing demonstrated unparalleled professionalism. The metal roof they installed is a work of art.",
|
||||
name: "Emily R.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37331.jpg",
|
||||
},
|
||||
id: "3", title: "Flawless Execution", quote: "From the initial consultation to the final inspection, LuxRoofing demonstrated unparalleled professionalism. The metal roof they installed is a work of art.", name: "Emily R.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37331.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Beyond Our Expectations",
|
||||
quote: "We were amazed by the quality and speed of LuxRoofing's team. Our new slate roof adds immense value and curb appeal. Truly a five-star experience.",
|
||||
name: "David K.",
|
||||
role: "Estate Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-standing-front-kitchen-counter-drinking-beer_23-2147901520.jpg",
|
||||
},
|
||||
id: "4", title: "Beyond Our Expectations", quote: "We were amazed by the quality and speed of LuxRoofing's team. Our new slate roof adds immense value and curb appeal. Truly a five-star experience.", name: "David K.", role: "Estate Manager", imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-standing-front-kitchen-counter-drinking-beer_23-2147901520.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "The Gold Standard in Roofing",
|
||||
quote: "LuxRoofing delivered on every promise. The project was completed on time and within budget, with impeccable attention to detail. Our home looks magnificent!",
|
||||
name: "Olivia M.",
|
||||
role: "Luxury Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg",
|
||||
},
|
||||
id: "5", title: "The Gold Standard in Roofing", quote: "LuxRoofing delivered on every promise. The project was completed on time and within budget, with impeccable attention to detail. Our home looks magnificent!", name: "Olivia M.", role: "Luxury Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg"},
|
||||
]}
|
||||
title="Hear From Our Valued Clients"
|
||||
description="Our clients consistently praise our attention to detail, professional execution, and the lasting beauty and protection of their new roofs."
|
||||
@@ -283,14 +178,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Luxury Builders Guild",
|
||||
"Master Roofer Association",
|
||||
"Certified Craftsmen",
|
||||
"Elite Home Solutions",
|
||||
"Premium Materials Alliance",
|
||||
"Architectural Roofing Council",
|
||||
"Top Tier Contractors",
|
||||
]}
|
||||
"Luxury Builders Guild", "Master Roofer Association", "Certified Craftsmen", "Elite Home Solutions", "Premium Materials Alliance", "Architectural Roofing Council", "Top Tier Contractors"]}
|
||||
title="Certified and Trusted Excellence"
|
||||
description="We are proud to be recognized by leading industry associations and hold top certifications for our unwavering commitment to quality and safety in luxury roofing."
|
||||
showCard={true}
|
||||
@@ -301,14 +189,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready for a Roof that Reflects Your Home's Grandeur? Get a Free, No-Obligation Estimate Today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Your Free Estimate!",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Your Free Estimate!", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -319,13 +204,9 @@ export default function LandingPage() {
|
||||
logoAlt="LuxRoofing Logo"
|
||||
logoText="LuxRoofing"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user