Update src/app/page.tsx

Merge version_2 into main

src/app/contact/page.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactForm from '@/components/form/ContactForm';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="fluid"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "#home" },
+              { name: "About Us", id: "#about" },
+              { name: "Menu", id: "#menu" },
+              { name: "Features", id: "#features" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            button={{ text: "Order Now", href: "/contact" }}
+            brandName="Yummy Treat Cafe"
+          />
+        </div>
+
+        <div id="contact-form" data-section="contact-form" className="py-24 md:py-32">
+          <ContactForm
+            tag="Get in Touch"
+            title="Send Us a Message"
+            description="We'd love to hear from you! Fill out the form below and we'll get back to you as soon as possible."
+            inputPlaceholder="Your Email Address"
+            buttonText="Submit Message"
+            onSubmit={(data) => console.log('Form submitted:', data)}
+            centered={true}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Yummy Treat Cafe",                items: [
+                  { label: "Home", href: "#home" },
+                  { label: "About Us", href: "#about" },
+                  { label: "Menu", href: "#menu" }
+                ]
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Catering", href: "#features" },
+                  { label: "Delivery", href: "#features" },
+                  { label: "Reservations", href: "/contact" }
+                ]
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "#faq" },
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "Privacy Policy", href: "#" }
+                ]
+              }
+            ]}
+            bottomLeftText="© 2024 Yummy Treat Cafe. All rights reserved."
+            bottomRightText="Crafted with <3 for delightful treats."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -43,10 +43,10 @@ export default function LandingPage() {
         {
           name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "/contact"},
       ]}
       button={{
-        text: "Order Now",        href: "#contact"}}
+        text: "Order Now",          href: "/contact"}}
       brandName="Yummy Treat Cafe"
     />
   </div>
@@ -59,10 +59,10 @@ export default function LandingPage() {
         {
           text: "View Our Menu",          href: "#menu"},
         {
-          text: "Make a Reservation",          href: "#contact"},
+          text: "Make a Reservation",          href: "/contact"},
       ]}
       buttonAnimation="opacity"
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-taking-photos-with-smartphone_23-2149356887.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ew72tQ0YGAQem6xgdTcYkfYePC/uploaded-1781078046428-fal3d8w8.jpg"
       imageAlt="Cozy cafe interior with warm lighting"
       showDimOverlay={false}
     />
@@ -90,7 +90,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",          name: "Classic Latte",          price: "$4.50",          variant: "Creamy & Smooth",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691735.jpg",          imageAlt: "A cup of classic latte art coffee"},
+          id: "1",          name: "Classic Latte",          price: "$4.50",          variant: "Creamy & Smooth",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ew72tQ0YGAQem6xgdTcYkfYePC/uploaded-1781078662675-mjnds6mh.jpg",          imageAlt: "A cup of classic latte art coffee"},
         {
           id: "2",          name: "Butter Croissant",          price: "$3.00",          variant: "Flaky & Golden",          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-croissant-pancakes-wooden-cutting-board-cup-black-tea-honey-dark-surface_140725-94185.jpg",          imageAlt: "A freshly baked butter croissant"},
         {
@@ -115,9 +115,9 @@ export default function LandingPage() {
       features={[
         {
           title: "Convenient Delivery",          description: "Enjoy your Yummy Treat favorites from the comfort of your home. Fast and fresh delivery right to your door.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/retail-employee-scanning-smartphone-with-black-friday-discount-coupon-while-serving-customer-cash-register-desk-close-up-clothing-store-marketing-promotion-seasonal-sales_482257-64290.jpg",            imageAlt: "Food delivery app on a smartphone"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ew72tQ0YGAQem6xgdTcYkfYePC/uploaded-1781078690734-ws985q8o.jpg",            imageAlt: "Food delivery app on a smartphone"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177827.jpg",            imageAlt: "Food delivery app on a smartphone"}
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ew72tQ0YGAQem6xgdTcYkfYePC/uploaded-1781078710327-7n2o6gwd.jpg",            imageAlt: "Food delivery app on a smartphone"}
         },
         {
           title: "Catering for Events",          description: "Make your special occasions even more delicious with our bespoke catering services. Perfect for any gathering.",          phoneOne: {
@@ -218,7 +218,7 @@ export default function LandingPage() {
             {
               label: "Delivery",              href: "#features"},
             {
-              label: "Reservations",              href: "#contact"},
+              label: "Reservations",              href: "/contact"},
           ],
         },
         {
@@ -226,7 +226,7 @@ export default function LandingPage() {
             {
               label: "FAQ",              href: "#faq"},
             {
-              label: "Contact Us",              href: "#contact"},
+              label: "Contact Us",              href: "/contact"},
             {
               label: "Privacy Policy",              href: "#"},
           ],
@@ -239,4 +239,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}