Update src/app/page.tsx

Merge version_1 into main

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() {
         <NavbarStyleApple brandName="Mian Coffee House" navItems={navItems} />
       </div>
 
-      <div id="about-us-detailed" data-section="about-us-detailed">
-        <InlineImageSplitTextAbout
-          heading={[{ type: "text", content: "Our Story: Crafting Moments, One Cup at a Time" }]}
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="team" data-section="team">
-        <TeamCardTen
-          title="Meet Our Dedicated Team"
-          tag="Passionate Baristas"
-          membersAnimation="slide-up"
-          members={[
-            { id: "member-1", name: "Ahmad Al-Mian", imageSrc: "http://img.b2bpic.net/free-photo/cafe-restaurants-coffee-shop-owners-retail-concept-enthusiastic-happy-handsome-barista-waite_1258-60012.jpg", imageAlt: "Ahmad Al-Mian, Founder" },
-            { id: "member-2", name: "Fatima Hassan", imageSrc: "http://img.b2bpic.net/free-photo/waitress-ringing-hospitality-bell_482257-85316.jpg", imageAlt: "Fatima Hassan, Head Barista" },
-            { id: "member-3", name: "Khalid Mansour", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-tea-while-working-laptop_1098-13299.jpg", imageAlt: "Khalid Mansour, Operations Manager" }
+      <div id="about-story" data-section="about-story" className="min-h-screen">
+        <SplitAbout
+          title="Our Passion for Perfect Coffee"
+          description="Founded on a deep love for coffee and community, Mian Coffee House started with a simple vision: to create a space where everyone feels welcome, and every cup tells a story. We believe that great coffee is more than just a drink; it's an experience, a moment of joy, and a connection. Our journey began with a commitment to sourcing the finest beans, mastering the art of brewing, and crafting an ambiance that invites you to linger. We've grown, but our core values remain the same: quality, comfort, and connection."
+          bulletPoints={[
+            { title: "Crafted with Care", description: "Every coffee is prepared by skilled baristas with meticulous attention to detail.", icon: Coffee },
+            { title: "Finest Ingredients", description: "We select only premium, ethically sourced beans and fresh, local ingredients.", icon: Award },
+            { title: "Community Hub", description: "More than a cafe, we're a gathering place for friends, family, and colleagues.", icon: Users },
           ]}
-          memberVariant="card"
+          imageSrc="http://img.b2bpic.net/free-photo/side-view-man-making-coffee-machine_23-2148767938.jpg"
+          imageAlt="Barista preparing coffee"
+          imagePosition="right"
+          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>

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<string, string>) => {
+    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 (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="grid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple brandName="Mian Coffee House" navItems={navItems} />
+      </div>
+
+      <div id="contact-form" data-section="contact-form" className="min-h-screen">
+        <ContactSplitForm
+          title="Get in Touch with Mian Coffee House"
+          description="We'd love to hear from you! Fill out the form below for inquiries, feedback, or reservations. You can also find us at our cozy location.\n\nAddress: 123 Coffee Lane, Amman, Jordan\nOpen Daily: 8:00 AM - 10:00 PM"
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
+          ]}
+          textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
+          imageSrc="http://img.b2bpic.net/free-photo/modern-cafe-interior-design-with-empty-tables-chairs-ai-generated-image_188544-12165.jpg"
+          imageAlt="Mian Coffee House Interior"
+          mediaPosition="left"
+          buttonText="Send Message"
+          onSubmit={handleSubmit}
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer" className="lg:h-90">
+        <FooterLogoEmphasis
+          logoText="Mian Coffee House"
+          columns={[
+            { items: footerNavItems },
+            { items: [{ label: "Instagram", href: "https://www.instagram.com/mian.jo" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

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 (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -40,64 +91,50 @@ export default function MenuPage() {
       </div>
 
       <div id="menu-coffee" data-section="menu-coffee">
-        <ProductCardThree
-          products={[
-            { id: "coffee-1", name: "Espresso", price: "2.00 JD", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-coconut-candies-with-cup-coffee-white-surface_140725-80912.jpg", imageAlt: "Rich Espresso shot" },
-            { id: "coffee-2", name: "Americano", price: "2.50 JD", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-wooden-background_1357-4.jpg", imageAlt: "Warm Americano" },
-            { id: "coffee-3", name: "Cappuccino", price: "3.00 JD", imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4898.jpg", imageAlt: "Cappuccino with latte art" },
-            { id: "coffee-4", name: "Latte", price: "3.25 JD", imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762363.jpg", imageAlt: "Creamy Latte with art" },
-            { id: "coffee-5", name: "Mocha", price: "3.50 JD", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-delicious-coffee-milkshake-with-nuts_181624-37413.jpg", imageAlt: "Chocolate Mocha drink" },
-          ]}
+        <ProductCardTwo
+          title="Our Coffee Selections"
+          description="Crafted with passion, brewed to perfection. Explore our range of signature coffees."
+          products={coffeeProducts}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          title="Our Signature Coffee"
-          description="Handcrafted to perfection with premium beans."
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="menu-frappe" data-section="menu-frappe">
-        <ProductCardThree
-          products={[
-            { id: "frappe-1", name: "Caramel Frappé", price: "3.25 JD", imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-cacao-with-whipped-cream-unhealthy-food_501050-552.jpg", imageAlt: "Caramel Frappé with whipped cream" },
-            { id: "frappe-2", name: "Vanilla Frappé", price: "3.25 JD", imageSrc: "http://img.b2bpic.net/free-photo/banana-milkshake-table_140725-4458.jpg", imageAlt: "Vanilla Frappé cold drink" },
-            { id: "frappe-3", name: "Hazelnut Frappé", price: "3.25 JD", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-easter-decorations_23-2150249759.jpg", imageAlt: "Hazelnut Frappé with nuts" },
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          title="Cool & Refreshing Frappés"
-          description="Perfect for a hot day or a sweet treat."
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="menu-shisha" data-section="menu-shisha">
-        <ProductCardThree
-          products={[
-            { id: "shisha-1", name: "Double Apple", price: "3.50 JD", imageSrc: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194242.jpg", imageAlt: "Double Apple shisha" },
-            { id: "shisha-2", name: "Lemon Mint", price: "3.50 JD", imageSrc: "http://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-12809.jpg", imageAlt: "Lemon Mint shisha flavor" },
-            { id: "shisha-3", name: "Candy", price: "3.50 JD", imageSrc: "http://img.b2bpic.net/free-photo/glass-shots-with-red-drink-served-cake-smoked-pan_140725-1453.jpg", imageAlt: "Candy flavored shisha" },
-          ]}
+      <div id="menu-beverages" data-section="menu-beverages">
+        <ProductCardTwo
+          title="Refreshing Beverages"
+          description="Beyond coffee, discover our invigorating selection of teas, juices, and smoothies."
+          products={beverageProducts}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          title="Relaxing Shisha Flavors"
-          description="Unwind with our premium shisha selection."
           textboxLayout="default"
           useInvertedBackground={true}
         />
       </div>
 
+      <div id="menu-food" data-section="menu-food">
+        <ProductCardTwo
+          title="Delicious Food & Pastries"
+          description="Perfect pairings for your drink. Enjoy our freshly baked pastries, cakes, and sandwiches."
+          products={foodProducts}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="footer" data-section="footer" className="lg:h-90">
         <FooterLogoEmphasis
           logoText="Mian Coffee House"
           columns={[
             { items: footerNavItems },
-            { items: [{ label: "Instagram", href: "https://www.instagram.com/mian.jo" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            { items: [{ label: "Instagram", href: "https://www.instagram.com/mian.jo" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}

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() {
       <div id="hero" data-section="hero">
         <HeroLogoBillboard
           logoText="Mian Coffee House"
-          description="Freshly brewed coffee, delicious desserts, and unforgettable atmosphere."
+          description="Savor the rich aroma of artisanal coffee, indulge in exquisite pastries, and find your perfect moment in our elegantly crafted space. Mian Coffee House offers an unmatched experience for every coffee lover."
           buttons={[
             { text: "View Menu", href: "/menu" },
-            { text: "Visit Us", href: "/contact" },
+            { text: "Visit Us", href: "/contact" }
           ]}
-          background={{ variant: "plain" }}
+          background={{ variant: "rotated-rays-animated-grid" }}
           imageSrc="http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg"
           imageAlt="Full-screen background of premium coffee beans"
           mediaAnimation="opacity"
@@ -61,7 +61,8 @@ export default function HomePage() {
 
       <div id="about" data-section="about" className="lg:h-120">
         <InlineImageSplitTextAbout
-          heading={[{ type: "text", content: "Our Passion for Perfect Coffee" }]}
+          heading={[{ type: "text", content: "Crafting Exceptional Coffee Experiences" }]}
+          buttons={[{ text: "Learn More", href: "#about" }]}
           useInvertedBackground={false}
         />
       </div>
@@ -72,12 +73,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 +95,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 +104,12 @@ export default function HomePage() {
 
       <div id="social-proof" data-section="social-proof">
         <SocialProofOne
-          names={["Instagram Favorites", "Local Community Choice", "Customer Love", "Rated 5 Stars", "Featured on Local Guides", "Trusted Coffee Spot", "Weekly Regulars"]}
-          title="Join Our Community"
-          description="Follow us on Instagram for daily updates and special offers."
+          names={["Barista's Choice Award", "Top Rated on Google", "Local Favorite 2024", "Community Hub", "Exquisite Brews", "Perfect Ambiance"]}
+          title="Recognized for Excellence, Loved by Many"
+          description="Our commitment to quality and community has earned us high praise. Join the Mian Coffee House family and experience the difference."
           textboxLayout="default"
           useInvertedBackground={true}
+          showCard={false}
         />
       </div>