From 183dc7cf3c34d67b359bc95d3310bf97bc1132b0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 14:29:19 +0000
Subject: [PATCH 1/2] Add src/app/order/page.tsx

---
 src/app/order/page.tsx | 194 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 194 insertions(+)
 create mode 100644 src/app/order/page.tsx

diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
new file mode 100644
index 0000000..97c6cd3
--- /dev/null
+++ b/src/app/order/page.tsx
@@ -0,0 +1,194 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { ShoppingCart, Zap, Truck, Coffee } from "lucide-react";
+
+export default function OrderPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmall"
+      background="grid"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Coffee Theory"
+          navItems={[
+            { name: "Why Us", id: "features" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "Order", id: "order" },
+            { name: "Visit", id: "location" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{ text: "Call Now", href: "tel:+35724123456" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardRotatedCarousel
+          title="Order Coffee Theory for Home Delivery"
+          description="Fresh, professionally crafted coffee delivered to your door. Browse our menu, place your order, and enjoy premium specialty coffee from the comfort of your home."
+          tag="🚚 Fast Delivery"
+          tagIcon={Truck}
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          buttons={[
+            { text: "Order Now", href: "#menu" },
+            { text: "View Menu", href: "#" },
+          ]}
+          buttonAnimation="slide-up"
+          carouselItems={[
+            {
+              id: "1",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772980022654-r3gbwxj3.jpg",              imageAlt: "Specialty espresso coffee"},
+            {
+              id: "2",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772979752996-vytoloqm.jpg",              imageAlt: "Cold Freddo Espresso"},
+            {
+              id: "3",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772979732002-3k1s9r5h.jpg",              imageAlt: "Premium cappuccino"},
+            {
+              id: "4",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772979187873-0nej645u.jpg",              imageAlt: "Coffee shop ambiance"},
+            {
+              id: "5",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772979187873-jiutvh68.png",              imageAlt: "Coffee preparation"},
+            {
+              id: "6",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772979187873-zi9is062.jpg",              imageAlt: "Fresh coffee service"},
+          ]}
+          autoPlay={true}
+          autoPlayInterval={4000}
+        />
+      </div>
+
+      <div id="menu" data-section="menu">
+        <ProductCardTwo
+          products={[
+            {
+              id: "1",              brand: "Coffee Theory",              name: "Freddo Espresso",              price: "€3.50",              rating: 5,
+              reviewCount: "250+",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772980022654-r3gbwxj3.jpg",              imageAlt: "Freddo Espresso - crispy, cold, perfectly balanced",              onProductClick: () =>
+                window.open(
+                  "https://example.com/product/freddo-espresso",                  "_blank"
+                ),
+            },
+            {
+              id: "2",              brand: "Coffee Theory",              name: "Espresso Shot",              price: "€2.50",              rating: 5,
+              reviewCount: "180+",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772979187873-jiutvh68.png",              imageAlt: "Single espresso shot - perfectly extracted",              onProductClick: () =>
+                window.open(
+                  "https://example.com/product/espresso-shot",                  "_blank"
+                ),
+            },
+            {
+              id: "3",              brand: "Coffee Theory",              name: "Cappuccino",              price: "€4.00",              rating: 5,
+              reviewCount: "320+",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772979732002-3k1s9r5h.jpg",              imageAlt: "Classic cappuccino with creamy foam",              onProductClick: () =>
+                window.open(
+                  "https://example.com/product/cappuccino",                  "_blank"
+                ),
+            },
+            {
+              id: "4",              brand: "Coffee Theory",              name: "Americano",              price: "€3.00",              rating: 5,
+              reviewCount: "195+",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfM2s0NOkqRCu6cEGcrU8zmPmY/uploaded-1772979187873-0nej645u.jpg",              imageAlt: "Bold and rich americano",              onProductClick: () =>
+                window.open(
+                  "https://example.com/product/americano",                  "_blank"
+                ),
+            },
+          ]}
+          title="Browse Our Coffee Menu"
+          description="Select your favorite specialty coffee and have it delivered fresh to your home."
+          tag="Premium Selection"
+          tagIcon={Coffee}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          gridVariant="bento-grid"
+          carouselMode="buttons"
+          buttons={[{ text: "Complete Menu", href: "#" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <ContactCTA
+          tag="How It Works"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          title="Fast & Easy Home Delivery"
+          description="Order online, get your coffee delivered fresh. We prepare each cup with the same care as in our café. Delivery available throughout Larnaca."
+          buttons={[
+            { text: "Start Ordering", href: "#menu" },
+            { text: "Delivery Info", href: "#" },
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCTA
+          tag="Ready to Order?"
+          tagIcon={ShoppingCart}
+          tagAnimation="slide-up"
+          title="Get Coffee Theory Delivered Today"
+          description="Order now and enjoy premium specialty coffee from home. Fresh, professionally crafted, delivered fast."
+          buttons=[{
+            { text: "Place Your Order", href: "#menu" },
+            { text: "Call Us", href: "tel:+35724123456" },
+          }]
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="Coffee Theory"
+          columns={[
+            {
+              items: [
+                { label: "Home", href: "/" },
+                { label: "Order Online", href: "/order" },
+                { label: "Menu", href: "#menu" },
+              ],
+            },
+            {
+              items: [
+                { label: "About Us", href: "/#about" },
+                { label: "Delivery Info", href: "#" },
+                { label: "FAQs", href: "#" },
+              ],
+            },
+            {
+              items: [
+                { label: "Call Now", href: "tel:+35724123456" },
+                {
+                  label: "Get Directions",                  href: "https://maps.google.com/?q=Kyriakou+Matsi+173A+Aradippou+Larnaca"},
+                { label: "Contact", href: "/#contact" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From af963157f2dedea3b80c89636bb62ba3e6f8ac81 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 14:29:19 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 931a70b..e7b9ee2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -46,6 +46,7 @@ export default function CoffeeTheoryLandingPage() {
             { name: "Why Us", id: "features" },
             { name: "About", id: "about" },
             { name: "Reviews", id: "testimonials" },
+            { name: "Order", id: "order" },
             { name: "Visit", id: "location" },
             { name: "Contact", id: "contact" },
           ]}
@@ -204,6 +205,23 @@ export default function CoffeeTheoryLandingPage() {
         />
       </div>
 
+      <div id="order" data-section="order">
+        <ContactCTA
+          tag="Order Online"
+          tagIcon={Coffee}
+          tagAnimation="slide-up"
+          title="Order Your Coffee for Home Delivery"
+          description="Browse our menu, select your favorite drinks, and get them delivered fresh to your door. Quick ordering, reliable delivery, and the same premium Coffee Theory quality you love."
+          buttons={[
+            { text: "Browse Menu", href: "#menu" },
+            { text: "Track Orders", href: "#track" },
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+        />
+      </div>
+
       <div id="location" data-section="location">
         <ContactCTA
           tag="Visit Coffee Theory"
@@ -250,8 +268,8 @@ export default function CoffeeTheoryLandingPage() {
             {
               items: [
                 { label: "Reviews", href: "#testimonials" },
+                { label: "Order Online", href: "#order" },
                 { label: "Visit Us", href: "#location" },
-                { label: "Contact", href: "#contact" },
               ],
             },
             {
-- 
2.49.1