Update src/app/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -2,11 +2,12 @@
 
 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 TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Award, CheckCircle, Users, Zap, Linkedin, Twitter } from 'lucide-react';
+import { Award, CheckCircle, Users, Zap } from 'lucide-react';
 
 export default function AboutPage() {
   return (
@@ -26,18 +27,29 @@ export default function AboutPage() {
         <NavbarStyleCentered
           brandName="Premier Exterior"
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Services", id: "services" },
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/" },
             { name: "About", id: "about" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "Testimonials", id: "/" },
+            { name: "Contact", id: "/" }
           ]}
           button={{
-            text: "Get Quote",            href: "contact"
+            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"
@@ -125,39 +137,26 @@ export default function AboutPage() {
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardTwo
+        <TeamCardFive
           title="Our Amazing Team"
           description="Meet the talented professionals dedicated to transforming your home's exterior"
           tag="Leadership & Experts"
-          members={[
+          team={[
             {
-              id: "1",              name: "James Anderson",              role: "Founder & CEO",              description: "With 25+ years in the exterior contracting industry, James leads our vision for excellence and customer satisfaction.",              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",              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
-                { icon: Twitter, url: "https://twitter.com" }
-              ]
+              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",              description: "Sarah ensures every project runs smoothly, managing timelines and quality control with meticulous attention to detail.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-welcome-gesture_1149-1755.jpg",              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
-                { icon: Twitter, url: "https://twitter.com" }
-              ]
+              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",              description: "Michael leads our installation teams with 20 years of hands-on expertise in roofing, siding, and exterior renovations.",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg",              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
-                { icon: Twitter, url: "https://twitter.com" }
-              ]
+              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",              description: "Emma is dedicated to ensuring every customer feels valued, from initial consultation through project completion and beyond.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14205.jpg",              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
-                { icon: Twitter, url: "https://twitter.com" }
-              ]
+              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"
-          gridVariant="uniform-all-items-equal"
           useInvertedBackground={false}
         />
       </div>

src/app/page.tsx

@@ -32,7 +32,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" }
           ]}