Update src/app/page.tsx

Merge version_6 into main

src/app/about/page.tsx

@@ -0,0 +1,178 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Award, CheckCircle, Users, Zap } from 'lucide-react';
+import { Wind as WindowSqueegee } from 'lucide-react';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="noiseDiagonalGradient"
+      cardStyle="inset"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Premier Exterior"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Testimonials", id: "/" },
+            { name: "Contact", id: "/" }
+          ]}
+          button={{
+            text: "Get Quote",            href: "/"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Our Story"
+          description="Premier Exterior was founded on a simple mission: to deliver exceptional craftsmanship and professional service to homeowners and businesses seeking to transform their exteriors. Over the past two decades, we've built our reputation on integrity, quality, and customer satisfaction."
+          tag="Our Journey"
+          tagIcon={Award}
+          imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg?_wi=2"
+          imageAlt="Premier Exterior founding story"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="Our Story"
+          description="Premier Exterior was founded on a simple mission: to deliver exceptional craftsmanship and professional service to homeowners and businesses seeking to transform their exteriors. Over the past two decades, we've built our reputation on integrity, quality, and customer satisfaction."
+          tag="Our Journey"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          bulletPoints={[
+            {
+              title: "Founded in Excellence",              description: "Started as a small family business with a passion for quality and precision",              icon: Award
+            },
+            {
+              title: "Rapid Growth",              description: "Expanded to serve thousands of satisfied customers across the region",              icon: CheckCircle
+            },
+            {
+              title: "Industry Recognition",              description: "Received numerous awards and certifications for our exceptional work",              icon: Award
+            },
+            {
+              title: "Community Commitment",              description: "Active members of local business associations and community initiatives",              icon: Users
+            }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg?_wi=2"
+          imageAlt="Premier Exterior founding story"
+          mediaAnimation="slide-up"
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardTwentyFive
+          title="The Premier Experience"
+          description="We believe that exceptional service goes beyond the finished project. It's about the entire experience you have with our team."
+          tag="Our Approach"
+          tagIcon={Zap}
+          features={[
+            {
+              title: "Consultation & Assessment",              description: "We start with a thorough consultation to understand your vision and assess your property's unique needs",              icon: Users,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg?_wi=1",                  imageAlt: "Professional consultation"
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg?_wi=2",                  imageAlt: "Property assessment"
+                }
+              ]
+            },
+            {
+              title: "Transparent Pricing",              description: "Detailed quotes with no hidden fees. We believe in honest communication about costs and timelines",              icon: CheckCircle,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-one-hand-wall-shopping-bag-other_1157-1995.jpg?_wi=1",                  imageAlt: "Quote presentation"
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-one-hand-wall-shopping-bag-other_1157-1995.jpg?_wi=2",                  imageAlt: "Budget-friendly options"
+                }
+              ]
+            },
+            {
+              title: "Expert Execution",              description: "Our skilled team brings years of experience and attention to detail to every project, ensuring superior results",              icon: Award,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=1",                  imageAlt: "Expert installation"
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=2",                  imageAlt: "Quality workmanship"
+                }
+              ]
+            },
+            {
+              title: "Ongoing Support",              description: "We don't disappear after the project. Our warranty and customer support ensure your peace of mind",              icon: Users,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-likes-spend-time-with-reading-indoor-shot-cute-creative-smart-female-trendy-outfit-glasses-holding-magazine-turning-pages-while-standing-near-window-taking-bread-from-work_197531-30224.jpg?_wi=1",                  imageAlt: "Customer support"
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-likes-spend-time-with-reading-indoor-shot-cute-creative-smart-female-trendy-outfit-glasses-holding-magazine-turning-pages-while-standing-near-window-taking-bread-from-work_197531-30224.jpg?_wi=2",                  imageAlt: "Long-term partnership"
+                }
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardFive
+          title="Our Amazing Team"
+          description="Meet the talented professionals dedicated to transforming your home's exterior"
+          tag="Leadership & Experts"
+          team={[
+            {
+              id: "1",              name: "James Anderson",              role: "Founder & CEO",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-caucasian-man-with-beard-with-arms-crossed-gesture-relaxed-with-serious-expression-face-simple-natural-looking-camera_839833-13410.jpg"
+            },
+            {
+              id: "2",              name: "Sarah Mitchell",              role: "Project Manager",              imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-welcome-gesture_1149-1755.jpg"
+            },
+            {
+              id: "3",              name: "Michael Chen",              role: "Lead Craftsman",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg"
+            },
+            {
+              id: "4",              name: "Emma Rodriguez",              role: "Customer Relations Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14205.jpg"
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Premier Exterior"
+          leftLink={{
+            text: "Privacy Policy",            href: "#"
+          }}
+          rightLink={{
+            text: "Terms of Service",            href: "#"
+          }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -11,6 +11,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Award, CheckCircle, Home, Leaf, Layers, Sparkles, TrendingUp, Wind, Zap } from 'lucide-react';
+import { Wind as WindowSqueegee } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -32,7 +33,7 @@ export default function LandingPage() {
           navItems={[
             { name: "Home", id: "home" },
             { name: "Services", id: "services" },
-            { name: "About", id: "about" },
+            { name: "About", id: "/about" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
@@ -43,12 +44,11 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroOverlay
           title="Transform Your Home's Exterior"
           description="Premier Exterior delivers exceptional craftsmanship and professional service for all your exterior renovation needs. From roofing to siding, we bring your vision to life."
           tag="Professional Quality"
           tagIcon={Sparkles}
-          background={{ variant: "plain" }}
           buttons={[
             { text: "Get Your Free Quote", href: "contact" },
             { text: "View Our Work", href: "services" }
@@ -79,12 +79,12 @@ export default function LandingPage() {
               title: "Warranty Protection",              description: "All work backed by our comprehensive warranty guarantee"
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg?_wi=1"
           imageAlt="Premier Exterior team professional photo"
           mediaAnimation="slide-up"
           imagePosition="right"
           buttons={[
-            { text: "Learn More About Us", href: "about" }
+            { text: "Learn More About Us", href: "/about" }
           ]}
         />
       </div>
@@ -119,24 +119,24 @@ export default function LandingPage() {
               ]
             },
             {
-              title: "Landscaping",              description: "Design and installation of stunning outdoor spaces that complement your home",              icon: Leaf,
+              title: "Window Cleaning & Treatment",              description: "Professional window cleaning with squeegee finishing for crystal-clear views and optimal performance",              icon: WindowSqueegee,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=1",                  imageAlt: "Professional landscaping design"
+                  imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=1",                  imageAlt: "Professional window cleaning service"
                 },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=2",                  imageAlt: "Beautiful yard landscaping"
+                  imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=2",                  imageAlt: "Spotless clean windows with squeegee details"
                 }
               ]
             },
             {
-              title: "Windows & Doors",              description: "Energy-efficient window and door replacements for improved comfort and savings",              icon: Wind,
+              title: "Landscaping",              description: "Design and installation of stunning outdoor spaces that complement your home",              icon: Leaf,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/woman-likes-spend-time-with-reading-indoor-shot-cute-creative-smart-female-trendy-outfit-glasses-holding-magazine-turning-pages-while-standing-near-window-taking-bread-from-work_197531-30224.jpg?_wi=1",                  imageAlt: "Window installation service"
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-likes-spend-time-with-reading-indoor-shot-cute-creative-smart-female-trendy-outfit-glasses-holding-magazine-turning-pages-while-standing-near-window-taking-bread-from-work_197531-30224.jpg?_wi=1",                  imageAlt: "Professional landscaping design"
                 },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/woman-likes-spend-time-with-reading-indoor-shot-cute-creative-smart-female-trendy-outfit-glasses-holding-magazine-turning-pages-while-standing-near-window-taking-bread-from-work_197531-30224.jpg?_wi=2",                  imageAlt: "Modern windows installation"
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-likes-spend-time-with-reading-indoor-shot-cute-creative-smart-female-trendy-outfit-glasses-holding-magazine-turning-pages-while-standing-near-window-taking-bread-from-work_197531-30224.jpg?_wi=2",                  imageAlt: "Beautiful yard landscaping"
                 }
               ]
             }