diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 98aa244..f6a904c 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -2,9 +2,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; -import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout"; -import TeamCardTen from "@/components/sections/team/TeamCardTen"; +import SplitAbout from '@/components/sections/about/SplitAbout'; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; +import { Coffee, Award, Users } from "lucide-react"; export default function AboutPage() { const navItems = [ @@ -40,24 +40,19 @@ export default function AboutPage() { -
- -
- -
- +
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..cf0d21b --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,77 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; + +export default function ContactPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "Menu", id: "/menu" }, + { name: "About Us", id: "/about" }, + { name: "Gallery", id: "/gallery" }, + { name: "Contact", id: "/contact" }, + ]; + + const footerNavItems = [ + { label: "Home", href: "/" }, + { label: "Menu", href: "/menu" }, + { label: "About Us", href: "/about" }, + { label: "Gallery", href: "/gallery" }, + { label: "Contact", href: "/contact" }, + ]; + + const handleSubmit = (data: Record) => { + console.log("Form submitted:", data); + alert("Thank you for your message! We'll get back to you soon."); + // In a real application, you'd send this data to an API endpoint + }; + + return ( + + + +
+ +
+ + +
+ ); +} diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx index 19ffa06..c110028 100644 --- a/src/app/menu/page.tsx +++ b/src/app/menu/page.tsx @@ -2,7 +2,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; -import ProductCardThree from "@/components/sections/product/ProductCardThree"; +import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; export default function MenuPage() { @@ -22,6 +22,57 @@ export default function MenuPage() { { label: "Contact", href: "/contact" }, ]; + const coffeeProducts = [ + { + id: "coffee-1", brand: "Espresso", name: "Classic Espresso", price: "$3.00", rating: 5, + reviewCount: "250 reviews", imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-table_23-2148737385.jpg", imageAlt: "Classic Espresso"}, + { + id: "coffee-2", brand: "Latte", name: "Vanilla Latte", price: "$4.50", rating: 4.8, + reviewCount: "300 reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-coffee-cup_23-2149174154.jpg", imageAlt: "Vanilla Latte"}, + { + id: "coffee-3", brand: "Cappuccino", name: "Caramel Cappuccino", price: "$4.75", rating: 4.9, + reviewCount: "280 reviews", imageSrc: "http://img.b2bpic.net/free-photo/glass-cold-brew-coffee-with-ice_23-2149454170.jpg", imageAlt: "Caramel Cappuccino"}, + { + id: "coffee-4", brand: "Cold Brew", name: "Nitro Cold Brew", price: "$5.00", rating: 4.7, + reviewCount: "190 reviews", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glass_23-2148677651.jpg", imageAlt: "Nitro Cold Brew"}, + { + id: "coffee-5", brand: "Mocha", name: "Chocolate Mocha", price: "$4.75", rating: 4.9, + reviewCount: "220 reviews", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-art_23-2148737383.jpg", imageAlt: "Chocolate Mocha"} + ]; + + const beverageProducts = [ + { + id: "bev-1", brand: "Tea", name: "Green Tea", price: "$3.50", rating: 4.5, + reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-herbal-tea-cup-with-lemon-slice-white-background-drink-tea-fruit-lemon_140725-70366.jpg", imageAlt: "Green Tea"}, + { + id: "bev-2", brand: "Juice", name: "Fresh Orange Juice", price: "$4.00", rating: 4.9, + reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-orange-slices-dark-background_23-2148227652.jpg", imageAlt: "Fresh Orange Juice"}, + { + id: "bev-3", brand: "Smoothie", name: "Berry Blast Smoothie", price: "$5.50", rating: 4.7, + reviewCount: "100 reviews", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-smoothie-with-straw_23-2148187217.jpg", imageAlt: "Berry Blast Smoothie"}, + { + id: "bev-4", brand: "Soda", name: "Sparkling Water", price: "$2.50", rating: 4.2, + reviewCount: "80 reviews", imageSrc: "http://img.b2bpic.net/free-photo/glass-cold-water-with-lemon-slice_23-2148332194.jpg", imageAlt: "Sparkling Water"} + ]; + + const foodProducts = [ + { + id: "food-1", brand: "Pastry", name: "Croissant", price: "$3.00", rating: 4.6, + reviewCount: "200 reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-croissant-cup-coffee_23-2148737387.jpg", imageAlt: "Croissant"}, + { + id: "food-2", brand: "Cake", name: "Chocolate Fudge Cake", price: "$6.00", rating: 5, + reviewCount: "180 reviews", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-cake-slice_23-2149303504.jpg", imageAlt: "Chocolate Fudge Cake"}, + { + id: "food-3", brand: "Sandwich", name: "Chicken Pesto Sandwich", price: "$7.50", rating: 4.4, + reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-plate-with-sandwich_23-2148281358.jpg", imageAlt: "Chicken Pesto Sandwich"}, + { + id: "food-4", brand: "Muffin", name: "Blueberry Muffin", price: "$3.25", rating: 4.7, + reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/fresh-muffin-with-coffee_23-2148737381.jpg", imageAlt: "Blueberry Muffin"}, + { + id: "food-5", brand: "Cookies", name: "Chocolate Chip Cookies", price: "$2.75", rating: 4.8, + reviewCount: "130 reviews", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-cookies-cup-coffee_23-2148737384.jpg", imageAlt: "Chocolate Chip Cookies"} + ]; + return ( - - - + + ); -} +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 874a2ab..3ba71c4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -14,17 +14,17 @@ export default function HomePage() { const navItems = [ { name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, - { name: "About Us", id: "/about" }, + { name: "About Us", id: "#about" }, { name: "Gallery", id: "/gallery" }, - { name: "Contact", id: "/contact" }, + { name: "Contact", id: "/contact" } ]; const footerNavItems = [ { label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, - { label: "About Us", href: "/about" }, + { label: "About Us", href: "#about" }, { label: "Gallery", href: "/gallery" }, - { label: "Contact", href: "/contact" }, + { label: "Contact", href: "/contact" } ]; return ( @@ -47,12 +47,12 @@ export default function HomePage() {
@@ -72,12 +75,12 @@ export default function HomePage() { { id: "metric-1", value: "100%", title: "Premium Coffee Selection", description: "Sourced from the finest farms globally.", icon: Coffee }, { id: "metric-2", value: "Fresh", title: "Daily Desserts", description: "Baked in-house for delightful moments.", icon: Cake }, { id: "metric-3", value: "Spacious", title: "Comfortable Seating", description: "Relax and unwind in our luxurious lounge.", icon: Armchair }, - { id: "metric-4", value: "Fast", title: "Free Wi-Fi", description: "Stay connected while you enjoy your coffee.", icon: Wifi }, + { id: "metric-4", value: "Fast", title: "Free Wi-Fi", description: "Stay connected while you enjoy your coffee.", icon: Wifi } ]} gridVariant="uniform-all-items-equal" animationType="slide-up" - title="Modern Coffee House Experience" - description="At Mian Coffee House, we blend tradition with innovation to bring you an unparalleled café experience. Every detail is crafted for your comfort." + title="The Mian Coffee House Difference" + description="We are dedicated to crafting an extraordinary café experience, blending time-honored traditions with innovative practices to ensure every moment with us is perfect." textboxLayout="default" useInvertedBackground={true} /> @@ -94,8 +97,8 @@ export default function HomePage() { ]} showRating={true} animationType="slide-up" - title="What Our Customers Say" - description="Hear from those who love Mian Coffee House." + title="Voices of Delight: What Our Guests Share" + description="Discover why Mian Coffee House is the beloved choice for coffee aficionados and comfort seekers alike. Real stories, real passion." textboxLayout="default" useInvertedBackground={false} /> @@ -103,11 +106,12 @@ export default function HomePage() {