140 lines
6.5 KiB
TypeScript
140 lines
6.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { CheckCircle, Zap, ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "#hero" },
|
|
{ name: "Features", id: "#features" },
|
|
{ name: "Products", id: "#products" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="WindowPros"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="WindowPros"
|
|
description="Professional-grade window installations blending modern security, energy efficiency, and timeless aesthetics. We transform your home's perspective."
|
|
buttons={[{ text: "Get a Quote", href: "#contact" }, { text: "View Collection", href: "#products" }]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/yellow-lilies-vase_1156-93.jpg", imageAlt: "Elegant living space" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-man-working-wood_23-2147773339.jpg", imageAlt: "Craftsmanship in action" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg", imageAlt: "Modern home exterior" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
useInvertedBackground={false}
|
|
title="Engineered for Excellence"
|
|
description="Our window systems combine cutting-edge materials with superior installation techniques to elevate your home's performance and aesthetic appeal."
|
|
features={[
|
|
{ title: "Energy Efficiency", description: "High-performance glass that keeps interior temperatures stable.", bentoComponent: 'reveal-icon', icon: Zap },
|
|
{ title: "Advanced Security", description: "Reinforced frames and locking mechanisms for total peace of mind.", bentoComponent: 'reveal-icon', icon: ShieldCheck },
|
|
{ title: "Noise Reduction", description: "Advanced glazing technology to block unwanted outdoor noise.", bentoComponent: 'reveal-icon', icon: CheckCircle }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Our Window Collection"
|
|
description="Curated solutions for every architectural style, from minimalist modern to classic elegance."
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Vinyl Single Hung", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/blonde-senior-woman-looking-through-window-home_23-2148041355.jpg" },
|
|
{ id: "p2", name: "Classic Wood Double Hung", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/window-street-montreal-street-montreal-canada_649448-4311.jpg" },
|
|
{ id: "p3", name: "Modern Casement", price: "$649", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-looking-window_23-2148095694.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Loved by Homeowners"
|
|
description="Discover why thousands have upgraded their home comfort with WindowPros."
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
|
|
{ id: "t2", name: "Mark D.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/pleased-young-brunette-caucasian-girl-stands-with-crossed-arms-isolated-pink-wall-with-copy-space_141793-118510.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Questions & Answers"
|
|
description="Find clear answers to commonly asked questions about our process."
|
|
textboxLayout="split"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "How long is the warranty?", content: "We provide a full 10-year warranty on all installations." },
|
|
{ id: "q2", title: "What makes these energy efficient?", content: "Our double and triple glazing options significantly reduce heat loss." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Contact Us"
|
|
title="Ready to Renovate?"
|
|
description="Get your free, no-obligation consultation today and experience the WindowPros difference."
|
|
buttons={[{ text: "Request Free Quote", href: "#contact" }]}
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
bottomLeftText="© 2024 WindowPros. All rights reserved."
|
|
bottomRightText="Built by Design Pros"
|
|
columns={[
|
|
{ title: "Solutions", items: [{ label: "Installation", href: "#" }, { label: "Maintenance", href: "#" }] },
|
|
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |