Update src/app/inventory/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="grid"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="We Bliss You"
+        />
+        <div className="pt-32 pb-20">
+          <SplitAbout
+            textboxLayout="split"
+            title="Our Mission & Story"
+            description="Founded in the heart of Auckland, We Bliss You was born from a simple desire: to bring genuine relaxation to the community. We believe massage is not just a luxury, but an essential part of wellness. Our mission is to restore your natural balance through personalized therapeutic care, providing a sanctuary where stress fades away and wellbeing thrives."
+            bulletPoints={[
+              { title: "Holistic Wellness", description: "Treating the whole person through personalized care." },
+              { title: "Professional Standards", description: "Our therapists are highly trained in therapeutic techniques." },
+              { title: "Our Promise", description: "We are committed to providing you a safe, serene, and restorative space." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/person-receiving-professional-massage_52683-116617.jpg"
+            useInvertedBackground={false}
+          />
+        </div>
+        <FooterCard logoText="We Bliss You" copyrightText="© 2025 | Glendowie Massage Spa" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="grid"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="We Bliss You"
+        />
+        <div className="pt-32 pb-20">
+          <ContactText
+            background={{ variant: "plain" }}
+            text="We'd love to hear from you. Visit our boutique, call us, or send us a message below."
+            useInvertedBackground={false}
+          />
+          <div className="max-w-4xl mx-auto px-6 py-12">
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
+              <div>
+                <h2 className="text-2xl font-semibold mb-4">Get in Touch</h2>
+                <p className="mb-2"><strong>Address:</strong> 237 West Tamaki Road, Wai O Taiki Bay, Auckland 1072</p>
+                <p className="mb-2"><strong>Phone:</strong> 09 392 2200</p>
+                <p className="mb-2"><strong>Email:</strong> contact@weblissyou.co.nz</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <FooterCard logoText="We Bliss You" copyrightText="© 2025 | Glendowie Massage Spa" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/inventory/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+
+export default function InventoryPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="grid"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Inventory", id: "/inventory" },
+            ]}
+            brandName="Electric Moto"
+          />
+        </div>
+
+        <div id="inventory" data-section="inventory">
+          <ProductCatalog
+            layout="page"
+            products={[
+              {
+                id: "1",                name: "Volt Cruiser",                price: "$12,999",                rating: 5,
+                imageSrc: "https://img.b2bpic.net/free-photo/electric-motorcycle-concept_12345.jpg",                imageAlt: "Volt Cruiser Electric Motorcycle"
+              },
+              {
+                id: "2",                name: "Lightning Sport",                price: "$15,499",                rating: 5,
+                imageSrc: "https://img.b2bpic.net/free-photo/sport-electric-motorcycle_67890.jpg",                imageAlt: "Lightning Sport Electric Motorcycle"
+              },
+              {
+                id: "3",                name: "Eco Commuter",                price: "$8,999",                rating: 4,
+                imageSrc: "https://img.b2bpic.net/free-photo/eco-commuter-bike_11223.jpg",                imageAlt: "Eco Commuter Motorcycle"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Electric Moto"
+            copyrightText="© 2025 | Electric Motorcycle Specialists"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -28,26 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="We Bliss You"
     />
@@ -56,19 +41,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       logoText="We Bliss You Massage"
       description="Escape the everyday and discover true relaxation in the heart of Glendowie. We offer professional, tailored massage therapy to help you recharge."
       buttons={[
         {
-          text: "Book Now",
-          href: "https://weblissyou.co.nz",
-        },
+          text: "Book Now",          href: "https://weblissyou.co.nz"},
         {
-          text: "Our Services",
-          href: "#features",
-        },
+          text: "Our Services",          href: "#features"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautician-wrapping-towel-woman-s-head_23-2147939876.jpg"
       imageAlt="Relaxing spa atmosphere"
@@ -84,17 +64,11 @@ export default function LandingPage() {
       description="At We Bliss You, we believe in the power of touch to restore wellbeing. With 169+ 5-star reviews, we are dedicated to providing a professional, serene environment where you can disconnect from stress and focus on healing."
       bulletPoints={[
         {
-          title: "Expert Care",
-          description: "Professional therapists focused on your specific needs.",
-        },
+          title: "Expert Care",          description: "Professional therapists focused on your specific needs."},
         {
-          title: "Easy Booking",
-          description: "Simplified scheduling that fits your busy lifestyle.",
-        },
+          title: "Easy Booking",          description: "Simplified scheduling that fits your busy lifestyle."},
         {
-          title: "Relaxing Atmosphere",
-          description: "Curated spaces for deep mental and physical recharge.",
-        },
+          title: "Relaxing Atmosphere",          description: "Curated spaces for deep mental and physical recharge."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/person-receiving-professional-massage_52683-116617.jpg"
       mediaAnimation="slide-up"
@@ -109,23 +83,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Hot Stone Massage",
-          description: "Soothing warmth to ease deep muscle tension.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pretty-young-wooman-with-smooth-glowing-skin-relaxing-white-massage-table-studio-shoot_633478-1096.jpg",
-        },
+          id: "f1",          title: "Hot Stone Massage",          description: "Soothing warmth to ease deep muscle tension.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pretty-young-wooman-with-smooth-glowing-skin-relaxing-white-massage-table-studio-shoot_633478-1096.jpg"},
         {
-          id: "f2",
-          title: "Remedial Therapy",
-          description: "Targeted relief for neck, lower back, and general aches.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-device_23-2149177990.jpg",
-        },
+          id: "f2",          title: "Remedial Therapy",          description: "Targeted relief for neck, lower back, and general aches.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-device_23-2149177990.jpg"},
         {
-          id: "f3",
-          title: "Full-Body Relaxation",
-          description: "Disconnect from everything and leave feeling refreshed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-naked-woman-relaxing-spa-salon_176420-7522.jpg",
-        },
+          id: "f3",          title: "Full-Body Relaxation",          description: "Disconnect from everything and leave feeling refreshed.",          imageSrc: "http://img.b2bpic.net/free-photo/young-naked-woman-relaxing-spa-salon_176420-7522.jpg"},
       ]}
       title="Therapeutic Services"
       description="Tailored treatments to help reduce aches and restore your natural balance."
@@ -140,21 +102,13 @@ export default function LandingPage() {
       author="Karin Coetzer"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-applying-his-anti-aging-treatment_23-2149296503.jpg",
-          alt: "Karin",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-man-applying-his-anti-aging-treatment_23-2149296503.jpg",          alt: "Karin"},
         {
-          src: "http://img.b2bpic.net/free-photo/small-retail-business-coffee-shops-bakery-concept-smiling-happy-handsome-barista-waiter-store_1258-59919.jpg",
-          alt: "Marty",
-        },
+          src: "http://img.b2bpic.net/free-photo/small-retail-business-coffee-shops-bakery-concept-smiling-happy-handsome-barista-waiter-store_1258-59919.jpg",          alt: "Marty"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg",
-          alt: "Adam",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg",          alt: "Adam"},
         {
-          src: "http://img.b2bpic.net/free-photo/desk-as-perfect-place-drink-coffee_329181-20148.jpg",
-          alt: "Client",
-        },
+          src: "http://img.b2bpic.net/free-photo/desk-as-perfect-place-drink-coffee_329181-20148.jpg",          alt: "Client"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -165,31 +119,42 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Visit Us"
       title="Start Your Journey"
       description="Located at 239 West Tamaki Road, Auckland. We're open and ready to welcome you to a state of bliss."
       buttons={[
         {
-          text: "Call 09 392 2200",
-          href: "tel:093922200",
-        },
+          text: "Call 09 392 2200",          href: "tel:093922200"},
         {
-          text: "Book Online",
-          href: "https://weblissyou.co.nz",
-        },
+          text: "Book Online",          href: "https://weblissyou.co.nz"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="We Bliss You"
-      copyrightText="© 2025 | Glendowie Massage Spa"
-    />
+      <FooterSimple
+        columns={[
+          {
+            title: "Contact Us",            items: [
+              { label: "239 West Tamaki Road, Glendowie, Auckland" },
+              { label: "09 392 2200", href: "tel:093922200" },
+              { label: "hello@weblissyou.co.nz", href: "mailto:hello@weblissyou.co.nz" }
+            ]
+          },
+          {
+            title: "Services",            items: [
+              { label: "Hot Stone Massage", href: "#features" },
+              { label: "Remedial Therapy", href: "#features" },
+              { label: "Full-Body Relaxation", href: "#features" }
+            ]
+          }
+        ]}
+        bottomLeftText="© 2025 We Bliss You Massage"
+        bottomRightText="All rights reserved"
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}