Update src/app/page.tsx

Merge version_3 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 SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Award, CheckCircle, Users, Zap, Linkedin, Twitter } 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: "home" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Get Quote",            href: "contact"
+          }}
+        />
+      </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">
+        <TeamCardTwo
+          title="Our Amazing Team"
+          description="Meet the talented professionals dedicated to transforming your home's exterior"
+          tag="Leadership & Experts"
+          members={[
+            {
+              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: "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: "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: "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" }
+              ]
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          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

@@ -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" }
           ]}
@@ -54,9 +54,6 @@ export default function LandingPage() {
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-modern-wooden-house-with-glass-terrace-borders_181624-5142.jpg"
           imageAlt="Professional home exterior renovation"
-          textPosition="bottom-left"
-          showBlur={true}
-          showDimOverlay={true}
         />
       </div>
 
@@ -81,12 +78,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>
@@ -271,4 +268,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}