diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..1bcaaf0
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,114 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About Us", id: "/about" },
+    { name: "Menu", id: "/menu" },
+    { name: "Reservations", id: "/reservations" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Events", id: "/events" },
+    { name: "Contact", id: "/contact" }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Company",      items: [
+        { label: "Home", href: "/" },
+        { label: "About Us", href: "/about" },
+        { label: "Menu", href: "/menu" },
+        { label: "Gallery", href: "/gallery" },
+        { label: "Contact", href: "/contact" }
+      ]
+    },
+    {
+      title: "Services",      items: [
+        { label: "Reservations", href: "/reservations" },
+        { label: "Order Online", href: "#" },
+        { label: "Catering", href: "/events" },
+        { label: "Events", href: "/events" }
+      ]
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" }
+      ]
+    },
+    {
+      title: "Connect",      items: [
+        { label: "Facebook", href: "https://facebook.com/patiaalarestaurant" },
+        { label: "Instagram", href: "https://instagram.com/patiaalarestaurant" },
+        { label: "WhatsApp", href: "https://wa.me/+918875437543" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="medium"
+      background="none"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Patiaala House"
+          navItems={navItems}
+        />
+      </div>
+
+      <div id="about-us" data-section="about-us">
+        <InlineImageSplitTextAbout
+          heading={[
+            { type: "text", content: "Our Story: Bringing Authentic Flavors to Your Table" }
+          ]}
+          buttons={[
+            { text: "View Our Menu", href: "/menu" },
+            { text: "Reserve a Table", href: "/reservations" }
+          ]}
+          useInvertedBackground={true}
+          imageSrc="http://img.b2bpic.net/free-photo/top-view-composition-with-delicious-pakistan-meal_23-2148821539.jpg?_wi=3"
+          imageAlt="Delicious Indian dishes on a table"
+        />
+      </div>
+
+      <div id="contact-cta" data-section="contact-cta">
+        <ContactCTA
+          tag="Visit Us"
+          title="Experience Patiaala House"
+          description="We invite you to join us for an unforgettable dining experience."
+          buttons={[
+            { text: "Find Our Location", href: "/contact" },
+            { text: "Call Us", href: "tel:+918875437543" }
+          ]}
+          background={{ variant: "plain" }}
+          tagAnimation="slide-up"
+          buttonAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-vector/modern-coffee-shop-interior-with-flat-design_23-2147905684.jpg?_wi=3"
+          imageAlt="Restaurant exterior at night"
+          columns={footerColumns}
+          logoText="Patiaala House"
+          copyrightText="© 2024 Patiaala House. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
index 195062c..cc3b7e8 100644
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -10,11 +10,12 @@ import { PartyPopper, CalendarCheck, Utensils, ChefHat, Star } from 'lucide-reac
 export default function EventsPage() {
   const navItems = [
     { name: "Home", id: "/" },
+    { name: "About Us", id: "/about" },
     { name: "Menu", id: "/menu" },
     { name: "Reservations", id: "/reservations" },
     { name: "Gallery", id: "/gallery" },
     { name: "Events", id: "/events" },
-    { name: "Contact", id: "/contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   const footerColumns = [
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 49a1146..094a43a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,11 +13,12 @@ import { Star, ForkKnife, Lamp, Users, Leaf, Sparkles, Heart } from 'lucide-reac
 export default function HomePage() {
   const navItems = [
     { name: "Home", id: "/" },
+    { name: "About Us", id: "/about" },
     { name: "Menu", id: "/menu" },
     { name: "Reservations", id: "/reservations" },
     { name: "Gallery", id: "/gallery" },
     { name: "Events", id: "/events" },
-    { name: "Contact", id: "/contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   const footerColumns = [