src/app/about/page.tsx

@@ -6,93 +6,81 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { MapPin, Users } from "lucide-react";
+import { Users, MapPin } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="mediumSmall"
-        sizing="large"
-        background="none"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="none"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Reviews",          id: "/reviews"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
-      brandName="All Season Services"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="All Season Services"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Our Journey"
-      metrics={[
-        {
-          icon: Users,
-          label: "Family Owned",          value: "Yes"},
-        {
-          icon: MapPin,
-          label: "Areas Served",          value: "5 Cities"},
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Our Journey"
+            metrics={[
+              { icon: Users, label: "Family Owned", value: "Yes" },
+              { icon: MapPin, label: "Areas Served", value: "5 Cities" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Our Commitment"
-      sections={[
-        {
-          heading: "Mission",          content: "Providing the most reliable heating and air conditioning services with complete integrity."},
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Our Commitment"
+            sections={[
+              {
+                heading: "Mission",                content: [{ type: "paragraph", text: "Providing the most reliable heating and air conditioning services with complete integrity." }]
+              },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvU2r3mhaCfS4EDM7gyniWGC0B/a-close-up-of-a-modern-thermostat-screen-1775511885400-b42a7147.png"
-      logoText="All Season Services"
-      columns={[
-        {
-          title: "Services",          items: [
-            {
-              label: "AC Repair",              href: "/services"},
-            {
-              label: "Installation",              href: "/services"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvU2r3mhaCfS4EDM7gyniWGC0B/a-close-up-of-a-modern-thermostat-screen-1775511885400-b42a7147.png"
+            logoText="All Season Services"
+            columns={[
+              {
+                title: "Services",                items: [
+                  { label: "AC Repair", href: "/services" },
+                  { label: "Installation", href: "/services" },
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/about" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}