src/app/about/page.tsx

@@ -0,0 +1,97 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Home", id: "#hero" },
+    { name: "Why Choose", id: "#why-choose-starlight" },
+    { name: "About", id: "/about" },
+    { name: "Services", id: "#services" },
+    { name: "Reviews", id: "#reviews" },
+    { name: "How It Works", id: "#how-it-works" },
+    { name: "Service Area", id: "#service-area" },
+    { name: "Location", id: "#location" },
+    { name: "Contact", id: "#contact" },
+  ];
+
+  const aboutContent = [
+    { type: "text", content: "# About Starlight Cleaners" },
+    { type: "text", content: "## Professional Garment Care. Neighborhood Trust. At Starlight Cleaners, we know that looking your best starts with caring for the clothes you wear every day. That's why we've dedicated ourselves to providing reliable, high-quality dry cleaning and laundry services with the personal attention only a local, family-owned business can offer. For years, we've proudly served the Inwood community and surrounding neighborhoods, helping residents, families, and professionals keep their garments fresh, clean, and ready for every occasion. From business attire and delicate fabrics to everyday laundry and household linens, every item entrusted to us is handled with care and attention to detail." },
+    { type: "text", content: "Our reputation has been built on consistency, friendly service, and a commitment to quality. Customers continue to choose Starlight Cleaners because they know they can count on fast turnaround times, professional garment care, reasonable pricing, and a team that genuinely values their trust. We believe convenience matters just as much as quality. That's why we offer pickup and delivery services, making it easier than ever to keep your wardrobe looking its best without disrupting your busy schedule. Whether you're dropping off a favorite suit, scheduling a wash-and-fold service, or trusting us with your household linens, our goal remains the same: to provide an exceptional experience and outstanding results every time." },
+    { type: "text", content: "### Why Customers Choose Starlight Cleaners\n✓ Family-Owned & Community Trusted\n✓ Professional Dry Cleaning & Laundry Services\n✓ Convenient Pickup & Delivery\n✓ Fast Turnaround Times\n✓ Friendly, Personalized Service\n✓ Quality Care for Every Garment" },
+    { type: "text", content: "### Our Promise\nEvery garment tells a story. Whether it's your everyday essentials, professional wardrobe, or special occasion attire, we treat every item with the same care and respect we'd give our own. At Starlight Cleaners, we're committed to helping you look your best—one perfectly cleaned garment at a time." },
+    { type: "image", src: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865360.jpg", alt: "Starlight Cleaners Owner and Team" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="mediumSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={navItems}
+            logoAlt="Starlight Cleaners Logo"
+            brandName="STARLIGHT CLEANERS"
+            button={{ text: "Schedule Pickup", href: "#contact" }}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="about-content" data-section="about-content">
+            <InlineImageSplitTextAbout
+                useInvertedBackground={false}
+                heading={aboutContent}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+                columns={[
+                    {
+                        title: "Navigation",                        items: [
+                            { label: "Home", href: "#hero" },
+                            { label: "Services", href: "#services" },
+                            { label: "About", href: "/about" },
+                            { label: "Reviews", href: "#reviews" },
+                            { label: "How It Works", href: "#how-it-works" },
+                        ],
+                    },
+                    {
+                        title: "Contact",                        items: [
+                            { label: "510 W 218th St #2, New York, NY 10034", href: "https://maps.google.com/?q=Starlight+Cleaners+510+W+218th+St+%232+New York,+NY+10034" },
+                            { label: "(Insert Phone Number)", href: "tel:(Insert Phone Number)" },
+                            { label: "info@starlightcleaners.com", href: "mailto:info@starlightcleaners.com" },
+                        ],
+                    },
+                    {
+                        title: "Social",                        items: [
+                            { label: "Facebook", href: "#" },
+                            { label: "Instagram", href: "#" },
+                            { label: "Twitter", href: "#" },
+                        ],
+                    },
+                ]}
+                logoAlt="Starlight Cleaners Logo"
+                logoText="STARLIGHT CLEANERS"
+                copyrightText="Copyright © Starlight Cleaners. All Rights Reserved."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -38,7 +38,7 @@ export default function LandingPage() {
         {
           name: "Why Choose",          id: "#why-choose-starlight"},
         {
-          name: "About",          id: "#about"},
+          name: "About",          id: "/about"},
         {
           name: "Services",          id: "#services"},
         {
@@ -312,7 +312,7 @@ export default function LandingPage() {
             {
               label: "Services",              href: "#services"},
             {
-              label: "About",              href: "#about"},
+              label: "About",              href: "/about"},
             {
               label: "Reviews",              href: "#reviews"},
             {