235 lines
12 KiB
TypeScript
235 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { CalendarDays } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"
|
|
},
|
|
{
|
|
name: "Services", id: "services"
|
|
},
|
|
{
|
|
name: "Trust", id: "trust"
|
|
},
|
|
{
|
|
name: "Reviews", id: "reviews"
|
|
},
|
|
{
|
|
name: "Contact", id: "contact"
|
|
}
|
|
]}
|
|
button={{
|
|
text: "Free Estimate", href: "#contact"
|
|
}}
|
|
brandName="Elite Roofing & Windows"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "plain"
|
|
}}
|
|
title="Elevate Your Home with Elite Roofing & Windows"
|
|
description="Experience unparalleled craftsmanship and lasting quality for your luxury property. We specialize in sophisticated roofing solutions and premium window installations designed to enhance curb appeal and protection."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Estimate", href: "#contact"
|
|
}
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg", imageAlt: "Luxury home with new dark roof at dusk"
|
|
},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg", imageAlt: "Modern luxury home facade with large black framed windows"
|
|
},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-metal-background-close-up_23-2148859894.jpg", imageAlt: "Close up of sleek, modern dark grey roof installation"
|
|
},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-blue-lake-captured-from-inside-villa_181624-10734.jpg", imageAlt: "Large sliding glass doors opening to a luxury patio"
|
|
},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-roof-tile-pattern_23-2149255707.jpg", imageAlt: "Geometric roof design on a contemporary luxury house"
|
|
},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-near-window_1157-18929.jpg", imageAlt: "Minimalist window frames on an upscale home, panoramic view"
|
|
}
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "1", title: "Luxury Roofing Solutions", tags: [
|
|
"Installation", "Replacement", "High-End Materials"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-template_23-2147740564.jpg", imageAlt: "Elegant roof icon"
|
|
},
|
|
{
|
|
id: "2", title: "Custom Window Installation", tags: [
|
|
"Energy Efficient", "Bespoke Designs", "Large Formats"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-glass-logo-template_23-2148995912.jpg", imageAlt: "Modern window icon"
|
|
},
|
|
{
|
|
id: "3", title: "Expert Repair & Maintenance", tags: [
|
|
"Emergency Service", "Preventative Care", "Detailed Inspections"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/classic-pack-labor-day-badges-with-flat-design_23-2147865157.jpg", imageAlt: "Repair tools icon"
|
|
}
|
|
]}
|
|
title="Our Premium Services"
|
|
description="Specializing in the highest quality roofing and window solutions, we transform and protect your home with meticulous attention to detail and superior materials."
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-psd/abstract-web-logo-typographical-transparent-psd_460848-17804.jpg", "http://img.b2bpic.net/free-vector/retro-logo-collection_23-2148445976.jpg", "http://img.b2bpic.net/free-vector/business-card-template_23-2148062019.jpg", "http://img.b2bpic.net/free-vector/gradient-our-services-label-collection_23-2149961392.jpg", "http://img.b2bpic.net/free-psd/real-estate-logo-design_23-2151249793.jpg", "http://img.b2bpic.net/free-vector/flat-design-real-estate-project-labels_23-2149908761.jpg", "http://img.b2bpic.net/free-vector/vintage-badges-set-thanksgiving_23-2147572850.jpg"
|
|
]}
|
|
title="Trusted by Discerning Homeowners"
|
|
description="Our commitment to excellence has earned the trust of luxury property owners across the region. We partner with leading material suppliers to ensure unmatched quality and durability."
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Seamless Process, Stunning Results", quote: "Elite Roofing & Windows made our roof replacement incredibly easy. From the initial consultation to the final installation, the process was smooth, and the communication was exceptional. The quality of work is truly high-end and transformed our home.", name: "Eleanor Vance", role: "Homeowner, Luxury Estate", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg", imageAlt: "Eleanor Vance portrait"
|
|
},
|
|
{
|
|
id: "2", title: "Unmatched Quality and Professionalism", quote: "We are absolutely thrilled with our new custom windows. Elite's team demonstrated incredible professionalism and attention to detail. The quality of the installation is top-notch, and they kept us informed every step of the way. Highly recommend!", name: "Marcus Thorne", role: "Property Developer", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageAlt: "Marcus Thorne portrait"
|
|
},
|
|
{
|
|
id: "3", title: "Communication Beyond Expectation", quote: "Choosing Elite for our complex roof project was the best decision. Their communication was outstanding; we always knew what was happening. The finished product is of the highest quality, and the entire experience was stress-free.", name: "Isabelle Chen", role: "High-End Residence Owner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-journal-home_23-2150416415.jpg", imageAlt: "Isabelle Chen portrait"
|
|
},
|
|
{
|
|
id: "4", title: "Flawless Execution and Lasting Value", quote: "The team at Elite Roofing & Windows delivered a flawless window installation. Their focus on high quality and durable materials gives us confidence in the lasting value of our investment. They handled everything with efficiency and grace.", name: "David Sterling", role: "Architectural Designer", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-raising-hands-up-cafe_1262-1855.jpg", imageAlt: "David Sterling portrait"
|
|
}
|
|
]}
|
|
title="What Our Clients Say About Our Craftsmanship"
|
|
description="Hear from homeowners who chose Elite Roofing & Windows for their luxury properties and experienced our commitment to quality, communication, and a smooth process."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What types of roofing materials do you work with?", content: "We specialize in a range of premium roofing materials including slate, cedar shake, copper, and high-grade architectural shingles. We prioritize durability and aesthetics to match your luxury home."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer custom window designs?", content: "Absolutely. Our experts work with you to select and install custom windows that perfectly complement your home's architecture and your personal style, offering a variety of materials, finishes, and energy-efficient options."
|
|
},
|
|
{
|
|
id: "3", title: "How long does a typical installation take?", content: "The duration of an installation depends on the scope and complexity of the project. We provide a detailed timeline during the initial consultation and strive to complete all work efficiently while maintaining our high standards of quality."
|
|
}
|
|
]}
|
|
ctaTitle="Ready for Your Luxury Home Transformation?"
|
|
ctaDescription="Contact us today for a complimentary, no-obligation estimate. Discover the difference true quality makes for your roofing and windows."
|
|
ctaButton={{
|
|
text: "Schedule Your Free Estimate"
|
|
}}
|
|
ctaIcon={CalendarDays}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Luxury Roofing", href: "#services"
|
|
},
|
|
{
|
|
label: "Custom Windows", href: "#services"
|
|
},
|
|
{
|
|
label: "Repairs & Maintenance", href: "#services"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us", href: "#"
|
|
},
|
|
{
|
|
label: "Our Process", href: "#"
|
|
},
|
|
{
|
|
label: "Careers", href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"
|
|
},
|
|
{
|
|
label: "Privacy Policy", href: "#"
|
|
},
|
|
{
|
|
label: "Terms of Service", href: "#"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
logoText="Elite Roofing & Windows"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|