Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2fc318b503 | |||
| 564e4d3f80 | |||
| a6c66e626a | |||
| 192b661d61 | |||
| 0d5d93f742 | |||
| 1bf4e9e932 | |||
| 4d602a8f15 | |||
| 2af25847de |
325
src/app/page.tsx
325
src/app/page.tsx
@@ -2,14 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
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 HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
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 (
|
||||
@@ -19,311 +20,119 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
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: "Services",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ 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">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Clear Views, Better Living."
|
||||
description="Transform your home with professional-grade window installations that blend beauty, security, and energy efficiency. We bring the light back into your space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Products",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-lilies-vase_1156-93.jpg",
|
||||
imageAlt: "Sunlit living room with clear view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-man-working-wood_23-2147773339.jpg",
|
||||
imageAlt: "Technician installing high quality window",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg",
|
||||
imageAlt: "Modern architectural windows facade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-white-building-with-benches-overlooking-sea_169016-19924.jpg",
|
||||
imageAlt: "Floor to ceiling bedroom window",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278550.jpg",
|
||||
imageAlt: "Professional installation team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-modern-building-interior-with-white-walls-touching-sky_181624-6738.jpg",
|
||||
imageAlt: "Seamless sliding glass door",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
<HeroBillboardScroll
|
||||
title="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" }]}
|
||||
background={{ variant: "plain" }}
|
||||
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">
|
||||
<FeatureCardTwentyOne
|
||||
<FeatureBento
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us?"
|
||||
description="We don't just fit glass—we enhance your home's thermal efficiency, sound isolation, and security, all while providing a seamless installation experience."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Energy Efficiency",
|
||||
content: "Our high-performance glazing keeps your home warm in winter and cool in summer, significantly reducing energy costs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Advanced Soundproofing",
|
||||
content: "Enjoy peace and quiet with our advanced sound-reducing glass technology that blocks external noise effectively.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "High-Security Locks",
|
||||
content: "Rest easy with our premium-grade window security hardware designed for maximum peace of mind.",
|
||||
},
|
||||
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 }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-pattern_1203-3097.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
<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"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vinyl Single Hung",
|
||||
price: "From $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: "From $899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/window-street-montreal-canada_649448-4311.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Casement",
|
||||
price: "From $649",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-looking-window_23-2148095694.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Panoramic Picture Window",
|
||||
price: "From $1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-with-baby-living-room_23-2148674060.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Luxury Bay Window",
|
||||
price: "From $1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899479.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vinyl Slider",
|
||||
price: "From $550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702174.jpg",
|
||||
},
|
||||
{ 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" }
|
||||
]}
|
||||
title="Our Window Collection"
|
||||
description="Browse our premium range of window systems tailored for every architecture and preference."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<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",
|
||||
title: "Great Experience",
|
||||
quote: "The team was professional and the windows look absolutely fantastic. My energy bills have dropped significantly.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Seamless installation and perfect clean-up. The sound reduction is a total game changer for our street noise.",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-stands-with-crossed-arms-isolated-pink-wall-with-copy-space_141793-118510.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Perfect Finish",
|
||||
quote: "Excellent craftsmanship! The new windows have completely modernised the look of our living space.",
|
||||
name: "Elena R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-view-beautiful-woman-sitting-table-looking-camera_197531-32493.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Great Value",
|
||||
quote: "Very reliable service and high-quality products. I am very happy with my new conservatory windows.",
|
||||
name: "Arthur W.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-female-photographer-street-photographing-camera-photo-shoot-photosession-city_639032-2480.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Exceptional Quality",
|
||||
quote: "The entire process from ordering to installation was flawless. Would use them again for future projects.",
|
||||
name: "Linda M.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-family-kitchen_23-2147862418.jpg",
|
||||
},
|
||||
{ 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" }
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why hundreds of homeowners trust our installation expertise for their renovations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<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 does installation take?",
|
||||
content: "Most standard residential installations take just 1-2 days. We prioritize efficient and clean work.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, all our window installations come with a comprehensive 10-year warranty covering material and installation labor.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your windows energy efficient?",
|
||||
content: "Absolutely. Our windows are rated for superior energy efficiency, meeting and exceeding modern insulation standards.",
|
||||
},
|
||||
{ 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." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Here are common answers regarding our window installation process and service offerings."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Renovation"
|
||||
description="Ready to bring more light into your home? Get in touch with us for a free estimate on your window project."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898113.jpg"
|
||||
<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">
|
||||
<FooterLogoEmphasis
|
||||
<FooterSimple
|
||||
bottomLeftText="© 2024 WindowPros. All rights reserved."
|
||||
bottomRightText="Built by Design Pros"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Solutions", items: [{ label: "Installation", href: "#" }, { label: "Maintenance", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="WindowPros"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user