Update src/app/page.tsx

Merge version_2 into main

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 ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { CheckCircle, Zap, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,308 +20,118 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="medium"
         sizing="large"
-        background="noiseDiagonalGradient"
+        background="none"
-        cardStyle="glass-elevated"
+        cardStyle="solid"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="layered"
+        secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",
+        { name: "Features", id: "#features" },
-          id: "#hero",
+        { name: "Products", id: "#products" },
-        },
+        { name: "Testimonials", id: "#testimonials" },
-        {
+        { name: "Contact", id: "#contact" },
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Services",
-          id: "#products",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="WindowPros"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardGallery
+      <HeroCarouselLogo
-      background={{
+      logoText="WindowPros"
-        variant: "sparkles-gradient",
+      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" }]}
-      title="Clear Views, Better Living."
+      slides={[
-      description="Transform your home with professional-grade window installations that blend beauty, security, and energy efficiency. We bring the light back into your space."
+        { imageSrc: "http://img.b2bpic.net/free-photo/yellow-lilies-vase_1156-93.jpg", imageAlt: "Elegant living space" },
-      buttons={[
+        { 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" }
-          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"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyOne
+      <FeatureBento
       useInvertedBackground={false}
-      title="Why Choose Us?"
+      title="Engineered for Excellence"
-      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."
+      description="Our window systems combine cutting-edge materials with superior installation techniques to elevate your home's performance and aesthetic appeal."
-      accordionItems={[
+      features={[
-        {
+          { title: "Energy Efficiency", description: "High-performance glass that keeps interior temperatures stable.", bentoComponent: 'reveal-icon', icon: Zap },
-          id: "f1",
+          { title: "Advanced Security", description: "Reinforced frames and locking mechanisms for total peace of mind.", bentoComponent: 'reveal-icon', icon: ShieldCheck },
-          title: "Energy Efficiency",
+          { title: "Noise Reduction", description: "Advanced glazing technology to block unwanted outdoor noise.", bentoComponent: 'reveal-icon', icon: CheckCircle }
-          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.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/building-pattern_1203-3097.jpg"
+      animationType="slide-up"
-      mediaAnimation="blur-reveal"
+      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: "$499", imageSrc: "http://img.b2bpic.net/free-photo/blonde-senior-woman-looking-through-window-home_23-2148041355.jpg" },
-          id: "p1",
+          { 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" },
-          name: "Vinyl Single Hung",
+          { id: "p3", name: "Modern Casement", price: "$649", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-looking-window_23-2148095694.jpg" }
-          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",
-        },
       ]}
-      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", 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: "t1",
+          { 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: "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",
-        },
       ]}
-      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 is the warranty?", content: "We provide a full 10-year warranty on all installations." },
-          id: "q1",
+          { id: "q2", title: "What makes these energy efficient?", content: "Our double and triple glazing options significantly reduce heat loss." }
-          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.",
-        },
       ]}
-      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
+      <ContactCTA
-      useInvertedBackground={false}
+      tag="Contact Us"
-      title="Start Your Renovation"
+      title="Ready to Renovate?"
-      description="Ready to bring more light into your home? Get in touch with us for a free estimate on your window project."
+      description="Get your free, no-obligation consultation today and experience the WindowPros difference."
-      inputs={[
+      buttons={[{ text: "Request Free Quote", href: "#contact" }]}
-        {
+      useInvertedBackground={true}
-          name: "fullName",
+      background={{ variant: "plain" }}
-          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"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterSimple
+      bottomLeftText="© 2024 WindowPros. All rights reserved."
+      bottomRightText="Built by Design Pros"
       columns={[
-        {
+          { title: "Solutions", items: [{ label: "Installation", href: "#" }, { label: "Maintenance", href: "#" }] },
-          items: [
+          { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] }
-            {
-              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",
-            },
-          ],
-        },
       ]}
-      logoText="WindowPros"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #ffffff;
-  --card: #dad6cd;
+  --card: #f9f9f9;
-  --foreground: #2a2928;
+  --foreground: #000612e6;
-  --primary-cta: #2a2928;
+  --primary-cta: #15479c;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #e2e2e2;
-  --background-accent: #c6b180;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);