Update src/app/contact/page.tsx

Merge version_10 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,77 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+
+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-cta" data-section="contact-cta">
+      <ContactCTA
+      useInvertedBackground={true}
+      background={{ variant: "radial-gradient" }}
+      tag="Order Now"
+      title="Hi! This is Tess’s Kitchen 🍽️"
+      description="You can text this number anytime to: 520-252-2004
+• Ask questions about the menu
+• Place an order
+• Check availability or specials
+
+Just send us a message with what you need, and we’ll get back to you as soon as possible. Looking forward to serving you! 😊"
+      buttons={[{ text: "Text Us Now", href: "sms:5202522004" }]}
+    />
+  </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" },
           ],
         },
         {