diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..7c1e897
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,79 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { Users } from "lucide-react";
+
+export default function AboutPage() {
+    const navItems = [
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "contact" }
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="SaasApp"
+                    button={{ text: "Get Started", href: "#" }}
+                />
+                <div id="about-section" data-section="about-section">
+                    <TestimonialAboutCard
+                        tag="Who We Are"
+                        title="Our Story"
+                        description="We started with a vision to simplify complex problems for developers and businesses alike. Our journey began with a small team passionate about innovation and a commitment to quality. Today, we're proud to offer solutions that empower our users to achieve their goals with greater efficiency and creativity."
+                        subdescription="Driven by a relentless pursuit of excellence, our team continuously explores new technologies and methodologies to deliver cutting-edge products. We believe in transparency, user-centric design, and fostering a community where ideas can flourish. Join us as we continue to shape the future of modern web experiences."
+                        icon={Users}
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/saas-template/about-card-image.webp"
+                        imageAlt="Our team working together"
+                        mediaAnimation="slide-up"
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <FooterBaseReveal
+                    logoText="SaaSify"
+                    columns={[
+                        {
+                            title: "Product",                            items: [
+                                { label: "Features", href: "#features" },
+                                { label: "Pricing", href: "#pricing" },
+                                { label: "Integrations", href: "#" },
+                                { label: "Changelog", href: "#" }
+                            ]
+                        },
+                        {
+                            title: "Company",                            items: [
+                                { label: "About", href: "/about" },
+                                { label: "Blog", href: "#" },
+                                { label: "Careers", href: "#" },
+                                { label: "Contact", href: "#contact" }
+                            ]
+                        },
+                        {
+                            title: "Resources",                            items: [
+                                { label: "Documentation", href: "#" },
+                                { label: "Help Center", href: "#" },
+                                { label: "Community", href: "#" },
+                                { label: "Status", href: "#" }
+                            ]
+                        },
+                        {
+                            title: "Legal",                            items: [
+                                { label: "Privacy", href: "#" },
+                                { label: "Terms", href: "#" },
+                                { label: "Security", href: "#" }
+                            ]
+                        }
+                    ]}
+                    copyrightText="2024 SaasApp. All rights reserved."
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 25fa826..25b3ab3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,40 +16,33 @@ export default function SaasTemplatePage() {
     const navItems = [
         { name: "Features", id: "features" },
         { name: "Pricing", id: "pricing" },
-        { name: "About", id: "about" },
-        { name: "Contact", id: "contact" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "contact" }
     ];
 
     const avatars = [
         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp", alt: "User 1" },
         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif", alt: "User 1" },
         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image7.avif", alt: "User 1" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif", alt: "User 1" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif", alt: "User 1" }
     ];
 
     const features: FeatureCard[] = [
         {
-            bentoComponent: "globe",
-            title: "Global Reach",
-            description: "Connect with users worldwide through our distributed infrastructure",
+            bentoComponent: "globe",            title: "Global Reach",            description: "Connect with users worldwide through our distributed infrastructure"
         },
         {
-            bentoComponent: "marquee",
-            variant: "text",
-            centerIcon: Zap,
+            bentoComponent: "marquee",            variant: "text",            centerIcon: Zap,
             texts: ["Fast", "Reliable", "Secure", "Scalable", "Modern"],
-            title: "Built for Speed",
-            description: "Lightning fast performance with optimized delivery",
+            title: "Built for Speed",            description: "Lightning fast performance with optimized delivery"
         },
         {
-            bentoComponent: "3d-stack-cards",
-            items: [
+            bentoComponent: "3d-stack-cards",            items: [
                 { icon: Shield, title: "Security", subtitle: "Enterprise-grade", detail: "Bank-level encryption" },
                 { icon: Rocket, title: "Performance", subtitle: "99.9% uptime", detail: "Always available" },
-                { icon: Target, title: "Accuracy", subtitle: "100% reliable", detail: "Data you can trust" },
+                { icon: Target, title: "Accuracy", subtitle: "100% reliable", detail: "Data you can trust" }
             ],
-            title: "Built for Scale",
-            description: "Deploy to any region with automatic failover support",
+            title: "Built for Scale",            description: "Deploy to any region with automatic failover support"
         }
     ];
 
@@ -69,20 +62,18 @@ export default function SaasTemplatePage() {
                     description="Create stunning, responsive websites with our comprehensive component library designed"
                     buttons={[
                         {
-                            text: "Get Started",
-                            onClick: () => console.log("Get Started clicked"),
+                            text: "Get Started",                            onClick: () => console.log("Get Started clicked")
                         },
                         {
-                            text: "Learn More",
-                            onClick: () => console.log("Learn More clicked"),
-                        },
+                            text: "Learn More",                            onClick: () => console.log("Learn More clicked")
+                        }
                     ]}
                     marqueeItems={[
                         { type: "text-icon", text: "Lightning Fast", icon: Zap },
                         { type: "text-icon", text: "Enterprise Security", icon: Shield },
                         { type: "text-icon", text: "99.9% Uptime", icon: Rocket },
                         { type: "text-icon", text: "Precision Targeting", icon: Target },
-                        { type: "text-icon", text: "AI Powered", icon: Sparkles },
+                        { type: "text-icon", text: "AI Powered", icon: Sparkles }
                     ]}
                 />
                 <FeatureBento
@@ -105,24 +96,20 @@ export default function SaasTemplatePage() {
                     features={[
                         {
                             icon: Layers,
-                            title: "Modular Architecture",
-                            description: "Build with composable components that scale with your needs",
+                            title: "Modular Architecture",                            description: "Build with composable components that scale with your needs"
                         },
                         {
                             icon: Code,
-                            title: "Developer Experience",
-                            description: "Clean APIs and comprehensive documentation for faster development",
+                            title: "Developer Experience",                            description: "Clean APIs and comprehensive documentation for faster development"
                         },
                         {
                             icon: Shield,
-                            title: "Enterprise Security",
-                            description: "Bank-level encryption and compliance with industry standards",
+                            title: "Enterprise Security",                            description: "Bank-level encryption and compliance with industry standards"
                         },
                         {
                             icon: Rocket,
-                            title: "Lightning Fast",
-                            description: "Optimized for performance with sub-second response times",
-                        },
+                            title: "Lightning Fast",                            description: "Optimized for performance with sub-second response times"
+                        }
                     ]}
                 />
                 <TestimonialCardFifteen
@@ -144,55 +131,32 @@ export default function SaasTemplatePage() {
                     useInvertedBackground={false}
                     plans={[
                         {
-                            id: "starter",
-                            badge: "Starter",
-                            badgeIcon: Zap,
-                            price: "$19/mo",
-                            subtitle: "Perfect for individuals",
-                            buttons: [
-                                { text: "Get Started", onClick: () => console.log("Starter clicked") },
+                            id: "starter",                            badge: "Starter",                            badgeIcon: Zap,
+                            price: "$19/mo",                            subtitle: "Perfect for individuals",                            buttons: [
+                                { text: "Get Started", onClick: () => console.log("Starter clicked") }
                             ],
                             features: [
-                                "Up to 5 projects",
-                                "Basic analytics",
-                                "24/7 email support",
-                                "API access",
-                            ],
+                                "Up to 5 projects",                                "Basic analytics",                                "24/7 email support",                                "API access"
+                            ]
                         },
                         {
-                            id: "pro",
-                            badge: "Pro",
-                            badgeIcon: Rocket,
-                            price: "$49/mo",
-                            subtitle: "For growing teams",
-                            buttons: [
-                                { text: "Get Started", onClick: () => console.log("Pro clicked") },
+                            id: "pro",                            badge: "Pro",                            badgeIcon: Rocket,
+                            price: "$49/mo",                            subtitle: "For growing teams",                            buttons: [
+                                { text: "Get Started", onClick: () => console.log("Pro clicked") }
                             ],
                             features: [
-                                "Unlimited projects",
-                                "Advanced analytics",
-                                "Priority support",
-                                "Custom integrations",
-                                "Team collaboration",
-                            ],
+                                "Unlimited projects",                                "Advanced analytics",                                "Priority support",                                "Custom integrations",                                "Team collaboration"
+                            ]
                         },
                         {
-                            id: "enterprise",
-                            badge: "Enterprise",
-                            badgeIcon: Crown,
-                            price: "$99/mo",
-                            subtitle: "For large organizations",
-                            buttons: [
-                                { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") },
+                            id: "enterprise",                            badge: "Enterprise",                            badgeIcon: Crown,
+                            price: "$99/mo",                            subtitle: "For large organizations",                            buttons: [
+                                { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") }
                             ],
                             features: [
-                                "Everything in Pro",
-                                "Dedicated account manager",
-                                "Custom SLA",
-                                "On-premise deployment",
-                                "Advanced security",
-                            ],
-                        },
+                                "Everything in Pro",                                "Dedicated account manager",                                "Custom SLA",                                "On-premise deployment",                                "Advanced security"
+                            ]
+                        }
                     ]}
                 />
                 <ContactCenter
@@ -210,44 +174,40 @@ export default function SaasTemplatePage() {
                     logoText="SaaSify"
                     columns={[
                         {
-                            title: "Product",
-                            items: [
+                            title: "Product",                            items: [
                                 { label: "Features", href: "#features" },
                                 { label: "Pricing", href: "#pricing" },
                                 { label: "Integrations", href: "#" },
-                                { label: "Changelog", href: "#" },
-                            ],
+                                { label: "Changelog", href: "#" }
+                            ]
                         },
                         {
-                            title: "Company",
-                            items: [
-                                { label: "About", href: "#about" },
+                            title: "Company",                            items: [
+                                { label: "About", href: "/about" },
                                 { label: "Blog", href: "#" },
                                 { label: "Careers", href: "#" },
-                                { label: "Contact", href: "#contact" },
-                            ],
+                                { label: "Contact", href: "#contact" }
+                            ]
                         },
                         {
-                            title: "Resources",
-                            items: [
+                            title: "Resources",                            items: [
                                 { label: "Documentation", href: "#" },
                                 { label: "Help Center", href: "#" },
                                 { label: "Community", href: "#" },
-                                { label: "Status", href: "#" },
-                            ],
+                                { label: "Status", href: "#" }
+                            ]
                         },
                         {
-                            title: "Legal",
-                            items: [
+                            title: "Legal",                            items: [
                                 { label: "Privacy", href: "#" },
                                 { label: "Terms", href: "#" },
-                                { label: "Security", href: "#" },
-                            ],
-                        },
+                                { label: "Security", href: "#" }
+                            ]
+                        }
                     ]}
                     copyrightText="2024 SaasApp. All rights reserved."
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file