diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 12480d4..4ca5473 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -6,9 +6,9 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import LegalSection from '@/components/legal/LegalSection';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { Award } from "lucide-react";
+import { Award, Clock, ShoppingBag } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -23,87 +23,72 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Menu",          id: "/menu"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Reserve",          id: "/reservation"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
-      brandName="Al Rimal"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "About", id: "/about" },
+              { name: "Reserve", id: "/reservation" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Al Rimal"
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Milestones"
-      description="Celebrating years of culinary excellence."
-      metrics={[
-        {
-          id: "a1",          value: "15+",          title: "Years",          description: "Of fine dining service",          icon: Award,
-        },
-        {
-          id: "a2",          value: "50+",          title: "Chefs",          description: "Culinary masters",          icon: Award,
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Our Milestones"
+            description="Celebrating years of culinary excellence."
+            metrics={[
+              { id: "a1", value: "15+", title: "Years", description: "Of fine dining service", icon: Award },
+              { id: "a2", value: "50+", title: "Chefs", description: "Culinary masters", icon: Award },
+            ]}
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Our Mission"
-      sections={[
-        {
-          heading: "Our Heritage",          content: "Al Rimal was founded on the principle of bringing the hospitality of Arabia to the global stage."},
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Our Mission"
+            sections={[
+              {
+                heading: "Our Heritage",                content: [{ type: "paragraph", text: "Al Rimal was founded on the principle of bringing the hospitality of Arabia to the global stage." }]
+              },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Al Rimal"
-      columns={[
-        {
-          title: "Restaurant",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Menu",              href: "/menu"},
-            {
-              label: "Reserve",              href: "/reservation"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "+971 4 000 0000",              href: "tel:+97140000000"},
-            {
-              label: "hello@alrimal.ae",              href: "mailto:hello@alrimal.ae"},
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Al Rimal"
+            columns={[
+              {
+                title: "Restaurant",                items: [
+                  { label: "About Us", href: "/about" },
+                  { label: "Menu", href: "/menu" },
+                  { label: "Reserve", href: "/reservation" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+              {
+                title: "Contact",                items: [
+                  { label: "+971 4 000 0000", href: "tel:+97140000000" },
+                  { label: "hello@alrimal.ae", href: "mailto:hello@alrimal.ae" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );