diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..9e72ebd
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,125 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="floatingGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Luxe Haven"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Rooms & Suites", id: "/#about" },
+            { name: "Amenities", id: "/#features" },
+            { name: "Guests Love Us", id: "/#testimonials" },
+            { name: "Booking", id: "/#pricing" },
+            { name: "About", id: "about" }
+          ]}
+          button={{
+            text: "Reserve Now",            href: "/#pricing"
+          }}
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <MediaAbout
+          title="Our Story & Mission"
+          description="Luxe Haven was founded with a singular vision: to redefine luxury hospitality. For over two decades, we've been committed to providing world-class accommodations, impeccable service, and unforgettable experiences. Our journey began with a passion for excellence and has evolved into a beacon of luxury in the hospitality industry."
+          tag="Our Heritage"
+          imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
+          imageAlt="Luxe Haven heritage and excellence"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Explore Our Rooms", href: "/#about" }
+          ]}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTwentyTwo
+          title="Our Commitment to Excellence"
+          description="Every aspect of Luxe Haven reflects our dedication to luxury, comfort, and exceptional service."
+          tag="Values"
+          features={[
+            {
+              id: "1",              category: ["Quality", "Service"],
+              title: "Uncompromising Quality Standards",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-relaxing-jacuzzi_169016-22940.jpg",              imageAlt: "Premium quality and service standards"
+            },
+            {
+              id: "2",              category: ["Innovation", "Technology"],
+              title: "Cutting-Edge Technology",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg",              imageAlt: "Modern technology integration"
+            },
+            {
+              id: "3",              category: ["Sustainability", "Environment"],
+              title: "Environmental Responsibility",              imageSrc: "http://img.b2bpic.net/free-photo/umbrella-deck-chair-around-outdoor-swimming-pool-hotel-resort-nearly-sea-beach-ocean_74190-14080.jpg",              imageAlt: "Sustainable luxury practices"
+            },
+            {
+              id: "4",              category: ["Community", "Care"],
+              title: "Community Engagement",              imageSrc: "http://img.b2bpic.net/free-photo/tourists-going-through-check-process-hotel-reception-desk_482257-82845.jpg",              imageAlt: "Community and social responsibility"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Luxe Haven"
+          columns={[
+            {
+              title: "Rooms",              items: [
+                { label: "Standard Room", href: "/#pricing" },
+                { label: "Deluxe Suite", href: "/#pricing" },
+                { label: "Presidential Suite", href: "/#pricing" }
+              ]
+            },
+            {
+              title: "Amenities",              items: [
+                { label: "Spa & Wellness", href: "/#features" },
+                { label: "Fine Dining", href: "/#features" },
+                { label: "Swimming Pool", href: "/#features" },
+                { label: "Concierge Service", href: "/#features" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Guest Reviews", href: "/#testimonials" },
+                { label: "Contact", href: "/#contact" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms & Conditions", href: "#" },
+                { label: "Booking Policies", href: "#" },
+                { label: "Cancellation Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ed0f32..09c68c9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,8 @@ export default function LandingPage() {
             { name: "Rooms & Suites", id: "about" },
             { name: "Amenities", id: "features" },
             { name: "Guests Love Us", id: "testimonials" },
-            { name: "Booking", id: "pricing" }
+            { name: "Booking", id: "pricing" },
+            { name: "About", id: "/about" }
           ]}
           button={{
             text: "Reserve Now",            href: "#pricing"
@@ -230,7 +231,7 @@ export default function LandingPage() {
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Guest Reviews", href: "#testimonials" },
                 { label: "Contact", href: "#contact" },
                 { label: "Careers", href: "#" }