Update src/app/about/page.tsx

Merge version_5 into main

src/app/about/page.tsx

@@ -28,6 +28,7 @@ export default function AboutPage() {
         { name: "Home", id: "/" },
         { name: "About", id: "/about" },
         { name: "Products", id: "/products" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Tess's Kitchen"
     />
@@ -38,7 +39,7 @@ export default function AboutPage() {
       useInvertedBackground={false}
       title="Our Story"
       titleClassName="text-5xl md:text-7xl lg:text-8xl"
-      description="At Tess’s Kitchen, every recipe is inspired by Filipino tradition, family gatherings, and the joy of sharing food. Tess started baking in her small kusina, sharing her creations with friends and family before turning her passion into a beloved local bakery."
+      description="At Tess’s Kitchen, every recipe is inspired by Filipino tradition, family gatherings, and the joy of sharing food. Tess started baking in her home kitchen , sharing her creations with friends and family before turning her passion into a beloved local bakery."
       imageSrc="http://img.b2bpic.net/free-photo/happy-family-brunette-female-handsome-male-fleece-shirt-cute-little-girl-cooking-food-home-kitchen_613910-14639.jpg?_wi=2"
       imageAlt="Tess in her kitchen"
     />
@@ -51,7 +52,7 @@ export default function AboutPage() {
       tag="Ready to order?"
       title="Order for your next handaan!"
       description="Send us a message to reserve your favorite treats for your upcoming celebrations."
-      buttons={[{ text: "Contact Us", href: "#" }]}
+      buttons={[{ text: "Contact Us", href: "/contact" }]}
     />
   </div>
 
@@ -63,6 +64,7 @@ export default function AboutPage() {
             { label: "Home", href: "/" },
             { label: "About", href: "/about" },
             { label: "Products", href: "/products" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {

src/app/contact/page.tsx

@@ -0,0 +1,71 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="grid"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleApple
+      navItems={[
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Products", id: "/products" },
+        { name: "Contact", id: "/contact" },
+      ]}
+      brandName="Tess's Kitchen"
+    />
+  </div>
+
+  <div id="contact" data-section="contact" className="py-20">
+      <ContactCenter
+      tag="Contact Us"
+      title="Get in Touch"
+      description="Send us a message and we'll get back to you shortly regarding your orders and inquiries."
+      background={{ variant: "radial-gradient" }}
+      useInvertedBackground={false}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterSimple
+      columns={[
+        {
+          title: "Tess's Kitchen",          items: [
+            { label: "Home", href: "/" },
+            { label: "About", href: "/about" },
+            { label: "Products", href: "/products" },
+            { label: "Contact", href: "/contact" },
+          ],
+        },
+        {
+          title: "Follow Us",          items: [
+            { label: "Facebook", href: "#" },
+            { label: "Instagram", href: "#" },
+          ],
+        },
+      ]}
+      bottomLeftText="© 2024 Tess's Kitchen"
+      bottomRightText="All rights reserved."
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,6 +29,7 @@ export default function LandingPage() {
         { name: "Home", id: "/" },
         { name: "About", id: "/about" },
         { name: "Products", id: "/products" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Tess's Kitchen"
     />
@@ -54,7 +55,7 @@ export default function LandingPage() {
         { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586294245-nz1ypegd.jpg", imageAlt: "Ube cake 2" },
       ]}
       buttons={[
-        { text: "Order Now", href: "#" },
+        { text: "Order Now", href: "/contact" },
         { text: "View Products", href: "/products" },
       ]}
       avatars={[
@@ -119,6 +120,7 @@ export default function LandingPage() {
             { label: "Home", href: "/" },
             { label: "About", href: "/about" },
             { label: "Products", href: "/products" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {

src/app/products/page.tsx

@@ -27,6 +27,7 @@ export default function ProductsPage() {
         { name: "Home", id: "/" },
         { name: "About", id: "/about" },
         { name: "Products", id: "/products" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Tess's Kitchen"
     />
@@ -59,6 +60,7 @@ export default function ProductsPage() {
             { label: "Home", href: "/" },
             { label: "About", href: "/about" },
             { label: "Products", href: "/products" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {