Merge version_2 into main #2
194
src/app/order/page.tsx
Normal file
194
src/app/order/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user