diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..b7e323e
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,137 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import TeamCardTen from "@/components/sections/team/TeamCardTen";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="ShopHub"
+          navItems={[
+            { name: "Shop", id: "products" },
+            { name: "About", id: "/about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Start Shopping", href: "/" }}
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <InlineImageSplitTextAbout
+          heading={[
+            { type: "text", content: "Building a community around" },
+            { type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160728.jpg", alt: "ShopHub brand" },
+            { type: "text", content: "quality and trust" }
+          ]}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Learn More", href: "#team" },
+            { text: "Contact Us", href: "#contact" }
+          ]}
+        />
+      </div>
+
+      <div id="story" data-section="story">
+        <ContactText
+          text="ShopHub started with a simple mission: to make premium products accessible to everyone. We believe that quality shouldn't come with a premium price tag, and that exceptional customer service is the foundation of every transaction. Our journey began in 2020, and today we're proud to serve thousands of satisfied customers worldwide. We're committed to curating the best products, providing transparent pricing, and delivering an unparalleled shopping experience."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Shop Now", href: "/" },
+            { text: "Our Values", href: "#team" }
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardTen
+          title="Meet the team behind ShopHub"
+          tag="Our Team"
+          members={[
+            {
+              id: "1",              name: "Sarah Mitchell",              imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489836.jpg",              imageAlt: "Sarah Mitchell, Founder & CEO"
+            },
+            {
+              id: "2",              name: "Marcus Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",              imageAlt: "Marcus Johnson, Head of Operations"
+            },
+            {
+              id: "3",              name: "Emily Chen",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-table-cafe-working_1157-26395.jpg",              imageAlt: "Emily Chen, Product Director"
+            },
+            {
+              id: "4",              name: "David Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",              imageAlt: "David Rodriguez, Head of Customer Success"
+            }
+          ]}
+          memberVariant="card"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Have questions about our products or services? We'd love to hear from you. Reach out to our team and we'll get back to you as soon as possible."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Email Us", href: "mailto:hello@shophub.com" },
+            { text: "Back to Shop", href: "/" }
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/creative-flat-lay-workspace-desk_1182-2703.jpg"
+          imageAlt="modern product collection lifestyle photography"
+          logoText="ShopHub"
+          copyrightText="© 2025 ShopHub. All rights reserved."
+          columns={[
+            {
+              title: "Shop",              items: [
+                { label: "All Products", href: "/" },
+                { label: "New Arrivals", href: "/" },
+                { label: "Best Sellers", href: "/" },
+                { label: "Collections", href: "/" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Blog", href: "/blog" },
+                { label: "Careers", href: "/careers" },
+                { label: "Press", href: "/press" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact Us", href: "#contact" },
+                { label: "FAQ", href: "/faq" },
+                { label: "Shipping Info", href: "/shipping" },
+                { label: "Returns", href: "/returns" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b8736ea..cd35878 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,7 +29,7 @@ export default function Page() {
           brandName="ShopHub"
           navItems={[
             { name: "Shop", id: "products" },
-            { name: "About", id: "about" },
+            { name: "About", id: "/about" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
@@ -116,22 +116,22 @@ export default function Page() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              name: "Sarah Mitchell, Fashion Enthusiast",              date: "Date: 15 December 2024",              title: "Exactly What I Was Looking For",              quote: "The quality of products exceeded my expectations. Shipping was incredibly fast and the customer service team was helpful every step of the way.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489836.jpg",              avatarAlt: "professional woman headshot portrait photography",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3915.jpg",              imageAlt: "happy customer with shopping bags smiling"
+              id: "1",              name: "Sarah Mitchell",              date: "15 December 2024",              title: "Exactly What I Was Looking For",              quote: "The quality of products exceeded my expectations. Shipping was incredibly fast and the customer service team was helpful every step of the way.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489836.jpg",              avatarAlt: "professional woman headshot portrait photography",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3915.jpg",              imageAlt: "happy customer with shopping bags smiling"
             },
             {
-              id: "2",              name: "Marcus Johnson, Professional",              date: "Date: 10 December 2024",              title: "Outstanding Value and Quality",              quote: "I've purchased from many online retailers, but this platform stands out for its attention to detail and genuine care for customer satisfaction.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",              avatarAlt: "professional man headshot business portrait",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-dreaming-young-woman-sitting-cafe-table_171337-17109.jpg",              imageAlt: "professional man satisfied customer portrait"
+              id: "2",              name: "Marcus Johnson",              date: "10 December 2024",              title: "Outstanding Value and Quality",              quote: "I've purchased from many online retailers, but this platform stands out for its attention to detail and genuine care for customer satisfaction.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",              avatarAlt: "professional man headshot business portrait",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-dreaming-young-woman-sitting-cafe-table_171337-17109.jpg",              imageAlt: "professional man satisfied customer portrait"
             },
             {
-              id: "3",              name: "Emily Chen, Small Business Owner",              date: "Date: 5 December 2024",              title: "Reliable Partner for My Needs",              quote: "As a business owner, I appreciate the reliability and consistency. The product quality never wavers, and their support is always responsive.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-table-cafe-working_1157-26395.jpg",              avatarAlt: "professional woman headshot business portrait",              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",              imageAlt: "business owner entrepreneur success portrait"
+              id: "3",              name: "Emily Chen",              date: "5 December 2024",              title: "Reliable Partner for My Needs",              quote: "As a business owner, I appreciate the reliability and consistency. The product quality never wavers, and their support is always responsive.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-table-cafe-working_1157-26395.jpg",              avatarAlt: "professional woman headshot business portrait",              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",              imageAlt: "business owner entrepreneur success portrait"
             },
             {
-              id: "4",              name: "David Rodriguez, Tech Enthusiast",              date: "Date: 1 December 2024",              title: "Perfect for My Lifestyle",              quote: "Every product I've ordered has been perfect. The descriptions are accurate, the prices are fair, and the overall experience is seamless.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",              avatarAlt: "tech professional man headshot portrait",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop-beach_23-2148578239.jpg",              imageAlt: "tech enthusiast man with gadgets lifestyle"
+              id: "4",              name: "David Rodriguez",              date: "1 December 2024",              title: "Perfect for My Lifestyle",              quote: "Every product I've ordered has been perfect. The descriptions are accurate, the prices are fair, and the overall experience is seamless.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",              avatarAlt: "tech professional man headshot portrait",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop-beach_23-2148578239.jpg",              imageAlt: "tech enthusiast man with gadgets lifestyle"
             },
             {
-              id: "5",              name: "Jessica Williams, Lifestyle Blogger",              date: "Date: 28 November 2024",              title: "Worth Every Penny",              quote: "I recommend this platform to all my followers. The products are premium quality and the shopping experience is delightful from start to finish.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "professional woman lifestyle portrait photography",              imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg",              imageAlt: "lifestyle blogger woman products portrait"
+              id: "5",              name: "Jessica Williams",              date: "28 November 2024",              title: "Worth Every Penny",              quote: "I recommend this platform to all my followers. The products are premium quality and the shopping experience is delightful from start to finish.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "professional woman lifestyle portrait photography",              imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg",              imageAlt: "lifestyle blogger woman products portrait"
             },
             {
-              id: "6",              name: "Robert Thompson, Corporate Executive",              date: "Date: 22 November 2024",              title: "Consistent Excellence",              quote: "We bulk order from this platform for our office. The consistency in quality, reliable shipping, and professional service make them our go-to supplier.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-moody-young-male-classic-white-shirt-red-tie-crossed-his-hands-looking-camera-while-posing-blue-background-stylish-haircut-sincere-emotions-concept-c_639032-2234.jpg",              avatarAlt: "executive man professional headshot corporate",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-travel-agency_23-2150433442.jpg",              imageAlt: "corporate team office workspace professional"
+              id: "6",              name: "Robert Thompson",              date: "22 November 2024",              title: "Consistent Excellence",              quote: "We bulk order from this platform for our office. The consistency in quality, reliable shipping, and professional service make them our go-to supplier.",              tag: "Verified Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-moody-young-male-classic-white-shirt-red-tie-crossed-his-hands-looking-camera-while-posing-blue-background-stylish-haircut-sincere-emotions-concept-c_639032-2234.jpg",              avatarAlt: "executive man professional headshot corporate",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-travel-agency_23-2150433442.jpg",              imageAlt: "corporate team office workspace professional"
             }
           ]}
         />
@@ -167,7 +167,7 @@ export default function Page() {
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Blog", href: "/blog" },
                 { label: "Careers", href: "/careers" },
                 { label: "Press", href: "/press" }
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
new file mode 100644
index 0000000..5366e8d
--- /dev/null
+++ b/src/app/portfolio/page.tsx
@@ -0,0 +1,190 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { Sparkles, Award, TrendingUp } from "lucide-react";
+
+export default function Page() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="ShopHub"
+          navItems={[
+            { name: "Shop", id: "products" },
+            { name: "Portfolio", id: "portfolio" },
+            { name: "About", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Start Shopping", href: "#products" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Our Successful Client Projects & Case Studies"
+          description="Explore our portfolio of premium product collections and showcase how we've helped brands and businesses succeed with curated, high-quality solutions."
+          tag="Case Studies"
+          tagIcon={Sparkles}
+          background={{ variant: "radial-gradient" }}
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160728.jpg",              imageAlt: "premium portfolio collection showcase"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg",              imageAlt: "professional portfolio project display"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/organic-sale-instagram-stories_23-2148607116.jpg",              imageAlt: "stylish project showcase professional"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-concept-studio-creativity_23-2148835317.jpg",              imageAlt: "premium portfolio showcase elegant setup"
+            }
+          ]}
+          mediaAnimation="none"
+          buttons={[
+            { text: "View Case Studies", href: "#products" },
+            { text: "Explore Results", href: "#testimonials" }
+          ]}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardThree
+          title="Featured Client Projects"
+          description="Discover the successful projects we've completed for our clients. From product launches to brand transformations, see real results and impactful work."
+          products={[
+            {
+              id: "1",              name: "E-Commerce Platform Redesign",              price: "Results: 340% Growth",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-vintage-backpack_23-2148752408.jpg",              imageAlt: "e-commerce platform redesign project case study",              initialQuantity: 1
+            },
+            {
+              id: "2",              name: "Global Brand Launch Campaign",              price: "Results: 2.5M Impressions",              imageSrc: "http://img.b2bpic.net/free-photo/retro-broadcast-radio-receiver_1150-19429.jpg",              imageAlt: "brand launch campaign successful results",              initialQuantity: 1
+            },
+            {
+              id: "3",              name: "Product Line Expansion Strategy",              price: "Results: 85% Conversion Lift",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176144.jpg",              imageAlt: "product expansion strategy case study results",              initialQuantity: 1
+            },
+            {
+              id: "4",              name: "Premium Retail Experience Overhaul",              price: "Results: 92% Customer Satisfaction",              imageSrc: "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg",              imageAlt: "retail experience transformation project",              initialQuantity: 1
+            },
+            {
+              id: "5",              name: "Luxury Collection Positioning",              price: "Results: 156% Revenue Increase",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-woman-with-red-lips_158538-4166.jpg",              imageAlt: "luxury collection positioning case study",              initialQuantity: 1
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="social-proof" data-section="social-proof">
+        <SocialProofOne
+          title="Brands We've Partnered With"
+          description="Join the companies that have transformed their business with our curated solutions and strategic approach."
+          textboxLayout="default"
+          useInvertedBackground={true}
+          names={[
+            "TechFlow Industries",            "Global Commerce Co",            "Premium Goods Ltd",            "Innovation Partners",            "Quality Ventures",            "Elite Retail Group",            "Smart Solutions Inc"
+          ]}
+          speed={40}
+          showCard={true}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardFive
+          title="Client Success Stories"
+          description="Hear directly from the brands and businesses we've helped achieve remarkable growth and transformation."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[
+            {
+              id: "1",              name: "Sarah Mitchell, Brand Director",              date: "Date: 15 December 2024",              title: "Exceeded All Our Expectations",              quote: "Their strategic approach to our product launch resulted in unprecedented market penetration. The attention to detail and creative execution was exceptional.",              tag: "250% ROI",              avatarSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489836.jpg",              avatarAlt: "professional brand director headshot",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-shopping-bags_1187-3915.jpg",              imageAlt: "successful campaign results celebration"
+            },
+            {
+              id: "2",              name: "Marcus Johnson, CEO",              date: "Date: 10 December 2024",              title: "Transformative Partnership",              quote: "Working with this team completely transformed how we approach our market. Their insights and execution strategy took us from struggling to thriving.",              tag: "180% Growth",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",              avatarAlt: "successful CEO business portrait",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-dreaming-young-woman-sitting-cafe-table_171337-17109.jpg",              imageAlt: "business growth success portrait"
+            },
+            {
+              id: "3",              name: "Emily Chen, Retail Manager",              date: "Date: 5 December 2024",              title: "Industry-Leading Results",              quote: "We've tried many agencies, but none delivered like this. The results speak for themselves - our customer base doubled and loyalty increased significantly.",              tag: "92% Retention",              avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-table-cafe-working_1157-26395.jpg",              avatarAlt: "retail manager professional portrait",              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",              imageAlt: "business success celebration achievement"
+            },
+            {
+              id: "4",              name: "David Rodriguez, Product Manager",              date: "Date: 1 December 2024",              title: "Perfect Execution Strategy",              quote: "From concept to launch, the execution was flawless. They understood our vision and delivered beyond what we imagined. Best investment we've made.",              tag: "340% Conversion",              avatarSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",              avatarAlt: "product manager professional portrait",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop-beach_23-2148578239.jpg",              imageAlt: "successful product launch celebration"
+            },
+            {
+              id: "5",              name: "Jessica Williams, Marketing Lead",              date: "Date: 28 November 2024",              title: "Outstanding Strategic Partnership",              quote: "They became an extension of our team. The strategic insights and creative solutions helped us achieve goals we thought were impossible.",              tag: "2.5M+ Reach",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "marketing leader professional portrait",              imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg",              imageAlt: "successful marketing campaign results"
+            },
+            {
+              id: "6",              name: "Robert Thompson, Executive Director",              date: "Date: 22 November 2024",              title: "Game-Changing Results",              quote: "The portfolio work speaks for itself. What impressed us most was their ability to understand our unique challenges and deliver tailored solutions.",              tag: "156% Revenue",              avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-moody-young-male-classic-white-shirt-red-tie-crossed-his-hands-looking-camera-while-posing-blue-background-stylish-haircut-sincere-emotions-concept-c_639032-2234.jpg",              avatarAlt: "executive director professional portrait",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-travel-agency_23-2150433442.jpg",              imageAlt: "successful partnership team celebration"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Ready to achieve extraordinary results? Let's discuss how we can help your business reach new heights with our proven strategies and exceptional execution."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Start Your Project", href: "#contact-form" },
+            { text: "Get a Consultation", href: "#contact-form" }
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/creative-flat-lay-workspace-desk_1182-2703.jpg"
+          imageAlt="portfolio project success collection"
+          logoText="ShopHub"
+          copyrightText="© 2025 ShopHub. All rights reserved."
+          columns={[
+            {
+              title: "Portfolio",              items: [
+                { label: "Case Studies", href: "#products" },
+                { label: "Client Results", href: "#testimonials" },
+                { label: "Success Stories", href: "#testimonials" },
+                { label: "Projects", href: "#products" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/" },
+                { label: "Blog", href: "/" },
+                { label: "Careers", href: "/" },
+                { label: "Press", href: "/" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact Us", href: "#contact" },
+                { label: "FAQ", href: "/" },
+                { label: "Resources", href: "/" },
+                { label: "Get Started", href: "#contact-form" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..3d48717
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,153 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { Sparkles, Share2, FileText, TrendingUp } from "lucide-react";
+
+export default function Page() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="ShopHub"
+          navItems={[
+            { name: "Shop", id: "products" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Get Started", href: "#contact" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Our Professional Services"
+          description="Comprehensive digital solutions designed to elevate your brand and drive growth. Discover our expertise in social media, content creation, and advertising."
+          tag="Services"
+          tagIcon={Sparkles}
+          background={{ variant: "radial-gradient" }}
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/creative-team-brainstorming-meeting_23-2149176144.jpg",              imageAlt: "professional services team collaboration"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together-project-planning_23-2150160728.jpg",              imageAlt: "digital marketing team working together"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/content-creator-recording-video-studio_23-2148607116.jpg",              imageAlt: "content creation studio production"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-analytics-dashboard_23-2148835317.jpg",              imageAlt: "marketing analytics and data visualization"
+            }
+          ]}
+          mediaAnimation="none"
+          buttons={[
+            { text: "Explore Services", href: "#services" },
+            { text: "Contact Us", href: "#contact" }
+          ]}
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardTwentyThree
+          features={[
+            {
+              id: "1",              title: "Social Media Management",              tags: ["Strategy", "Engagement", "Growth"],
+              imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-with-icons_23-2150160728.jpg",              imageAlt: "social media management dashboard",              onFeatureClick: () => {}
+            },
+            {
+              id: "2",              title: "Content Creation",              tags: ["Visual", "Video", "Copy"],
+              imageSrc: "http://img.b2bpic.net/free-photo/professional-photographer-editing-photos-studio_23-2148752408.jpg",              imageAlt: "content creation process",              onFeatureClick: () => {}
+            },
+            {
+              id: "3",              title: "Digital Advertising",              tags: ["Campaigns", "Analytics", "ROI"],
+              imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-advertising-metrics_23-2149176144.jpg",              imageAlt: "digital advertising analytics",              onFeatureClick: () => {}
+            },
+            {
+              id: "4",              title: "Brand Strategy",              tags: ["Planning", "Identity", "Positioning"],
+              imageSrc: "http://img.b2bpic.net/free-photo/creative-brainstorm-session-with-team_23-2150198170.jpg",              imageAlt: "brand strategy meeting",              onFeatureClick: () => {}
+            },
+            {
+              id: "5",              title: "Community Management",              tags: ["Engagement", "Support", "Growth"],
+              imageSrc: "http://img.b2bpic.net/free-photo/customer-service-team-helping-customers_23-2148112961.jpg",              imageAlt: "community management support",              onFeatureClick: () => {}
+            },
+            {
+              id: "6",              title: "Performance Analytics",              tags: ["Metrics", "Reporting", "Optimization"],
+              imageSrc: "http://img.b2bpic.net/free-photo/data-analyst-reviewing-metrics_23-2149489836.jpg",              imageAlt: "analytics dashboard reporting",              onFeatureClick: () => {}
+            }
+          ]}
+          animationType="slide-up"
+          title="What We Offer"
+          description="Our comprehensive range of digital services designed to help your business thrive in today's competitive landscape."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Ready to take your digital presence to the next level? Let's discuss how our services can drive real results for your business."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Schedule Consultation", href: "mailto:contact@shophub.com" },
+            { text: "View Portfolio", href: "#services" }
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/creative-team-office-workspace_23-2148835317.jpg"
+          imageAlt="creative team office environment"
+          logoText="ShopHub"
+          copyrightText="© 2025 ShopHub. All rights reserved."
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Social Media Management", href: "#services" },
+                { label: "Content Creation", href: "#services" },
+                { label: "Digital Advertising", href: "#services" },
+                { label: "Brand Strategy", href: "#services" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Blog", href: "/blog" },
+                { label: "Careers", href: "/careers" },
+                { label: "Press", href: "/press" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact Us", href: "#contact" },
+                { label: "FAQ", href: "/faq" },
+                { label: "Documentation", href: "/docs" },
+                { label: "Support Center", href: "/support" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file