Merge version_6 into main

Merge version_6 into main

src/app/coffee-menu/page.tsx

@@ -0,0 +1,146 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Coffee, Mail } from "lucide-react";
+
+export default function CoffeeMenuPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="largeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Sana's Caffe"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Menu", id: "features" },
+            { name: "Coffee Menu", id: "/coffee-menu" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Visit Us",            href: "contact"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Our Coffee Collection"
+          description="Explore our curated selection of premium espresso drinks and specialty coffee beverages. Each drink is crafted with precision by our master baristas using the finest beans from around the world."
+          background={{ variant: "glowing-orb" }}
+          tag="Coffee Menu"
+          tagIcon={Coffee}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Reserve Your Drink", href: "contact" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/top-view-coffee-accessories-table_23-2148336811.jpg?id=5914163&_wi=2"
+          imageAlt="Specialty coffee drinks"
+          mediaAnimation="blur-reveal"
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardThree
+          features={[
+            {
+              id: "01",              title: "Espresso",              description: "Rich, concentrated shots of pure coffee intensity. Our signature single-shot and double-shot options highlight the bold flavors of our single-origin roasts. Perfect for espresso purists who appreciate the craft.",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-tasty-cookies_23-2148336785.jpg?id=5914136&_wi=2",              imageAlt: "Espresso shot"
+            },
+            {
+              id: "02",              title: "Americano",              description: "A smooth, balanced cup made with espresso diluted with hot water. Creates a full-bodied coffee experience with the intensity of espresso and the smoothness of a classic drip coffee. Ideal for those who love simplicity with depth.",              imageSrc: "http://img.b2bpic.net/free-photo/two-espresso-cups-coffee-engine_140725-5566.jpg?id=7219621&_wi=2",              imageAlt: "Americano coffee"
+            },
+            {
+              id: "03",              title: "Pistachio Latte",              description: "A luxurious blend of creamy steamed milk, espresso, and rich pistachio flavor. Our pistachio selection brings a subtle nuttiness and natural sweetness that perfectly complements our medium roasts. A contemporary favorite.",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-mug-white-background_23-2148336788.jpg?id=5914148",              imageAlt: "Pistachio latte"
+            },
+            {
+              id: "04",              title: "Chaga Latte",              description: "A wellness-focused beverage combining creamy milk, espresso, and adaptogenic chaga mushroom. Earthy and grounding with potential immune-boosting properties. Perfect for health-conscious coffee enthusiasts seeking functional benefits.",              imageSrc: "http://img.b2bpic.net/free-photo/shot-woman-hands-hold-cup-hot-coffee-with-heart-design-made-foam_343596-4363.jpg?id=13437475&_wi=2",              imageAlt: "Chaga latte"
+            },
+            {
+              id: "05",              title: "Matcha Coffee",              description: "A unique fusion combining vibrant matcha green tea with smooth espresso and steamed milk. Creates a beautiful layered drink with earthy matcha notes balanced by coffee's bold character. A modern twist on traditional flavors.",              imageSrc: "http://img.b2bpic.net/free-photo/breakfast-cafe-vertical-shot-steam-rises-cup-espresso-coffee-glass-water-cookies-table-closeup-sunlight-selective-focus-empty-space-idea-advertising-banner_166373-2884.jpg?_wi=2",              imageAlt: "Matcha coffee"
+            },
+            {
+              id: "06",              title: "Signature Seasonal Blend",              description: "Our rotating seasonal specialty featuring limited-edition combinations crafted by our head barista. Featuring unique flavor profiles that celebrate the best beans available each season. Ask our team for today's special.",              imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg?_wi=2",              imageAlt: "Seasonal coffee specialty"
+            }
+          ]}
+          title="Our Premium Coffee Selection"
+          description="From classic espresso drinks to innovative specialty beverages, discover the perfect coffee experience tailored to your taste preferences and wellness goals."
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Place Your Order"
+          description="Ready to experience our coffee menu? Contact us to place an order, make a reservation, or ask about our custom brewing methods and coffee education sessions."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your order or ask a question...",            rows: 5,
+            required: true
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/cozy-workspace-with-coffee-hearts-keyboard_191095-99789.jpg?_wi=2"
+          imageAlt="Coffee shop atmosphere"
+          mediaAnimation="opacity"
+          mediaPosition="right"
+          buttonText="Send Message"
+          onSubmit={(data) => console.log("Form submitted:", data)}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Menu",              items: [
+                { label: "Espresso Drinks", href: "features" },
+                { label: "Coffee Menu", href: "/coffee-menu" },
+                { label: "Pastries & Food", href: "features" },
+                { label: "Seasonal Specials", href: "features" }
+              ]
+            },
+            {
+              title: "Visit",              items: [
+                { label: "Location", href: "contact" },
+                { label: "Hours", href: "contact" },
+                { label: "Contact Us", href: "contact" },
+                { label: "Private Events", href: "#" }
+              ]
+            },
+            {
+              title: "About",              items: [
+                { label: "Our Story", href: "about" },
+                { label: "Sourcing", href: "#" },
+                { label: "Sustainability", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2024 Sana's Caffe | Downtown San Francisco | All rights reserved"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -1411,4 +1411,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -30,6 +30,7 @@ export default function CaffePage() {
           navItems={[
             { name: "About", id: "about" },
             { name: "Menu", id: "features" },
+            { name: "Coffee Menu", id: "/coffee-menu" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
@@ -73,29 +74,27 @@ export default function CaffePage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardTwelve
-          title="Why Coffee Lovers Choose Sana's"
-          description="Discover what sets our craft coffee experience apart from the rest"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
+        <FeatureCardThree
           features={[
             {
-              id: "specialty-roasts",              label: "Specialty",              title: "Single-Origin & Micro-Lot Roasts",              items: [
-                "Direct sourced from premium farms",                "Small-batch roasting daily",                "Rotating seasonal selections",                "Full traceability and sustainability"
-              ]
+              id: "01",              title: "Single-Origin & Micro-Lot Roasts",              description: "Direct sourced from premium farms with small-batch roasting daily. Rotating seasonal selections with full traceability and sustainability.",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-tasty-cookies_23-2148336785.jpg?id=5914136&_wi=1",              imageAlt: "Premium specialty coffee beans"
             },
             {
-              id: "ambiance",              label: "Ambiance",              title: "Urban Sanctuary for Work & Connection",              items: [
-                "Industrial-modern design aesthetic",                "Reliable wifi and charging stations",                "Quiet zones and collaborative spaces",                "Local art and community events"
-              ]
+              id: "02",              title: "Urban Sanctuary for Work & Connection",              description: "Industrial-modern design aesthetic with reliable wifi and charging stations. Quiet zones and collaborative spaces with local art and community events.",              imageSrc: "http://img.b2bpic.net/free-photo/two-espresso-cups-coffee-engine_140725-5566.jpg?id=7219621&_wi=1",              imageAlt: "Modern coffee shop interior"
             },
             {
-              id: "expertise",              label: "Expertise",              title: "Master Baristas & Expert Service",              items: [
-                "Certified specialty coffee professionals",                "Custom brewing methods for each bean",                "Personalized recommendations",                "Coffee education and tasting events"
-              ]
+              id: "03",              title: "Master Baristas & Expert Service",              description: "Certified specialty coffee professionals offering custom brewing methods for each bean. Personalized recommendations and coffee education tasting events.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-accessories-table_23-2148336811.jpg?id=5914163&_wi=1",              imageAlt: "Expert barista crafting coffee"
+            },
+            {
+              id: "04",              title: "Inspiring Customers Through Coffee",              description: "Creating moments of joy and inspiration while building community connections. Celebrating the art of coffee culture and empowering customers to explore their passion.",              imageSrc: "http://img.b2bpic.net/free-photo/shot-woman-hands-hold-cup-hot-coffee-with-heart-design-made-foam_343596-4363.jpg?id=13437475&_wi=1",              imageAlt: "Coffee community gathering"
             }
           ]}
+          title="Why Coffee Lovers Choose Sana's"
+          description="Discover what sets our craft coffee experience apart—inspired by our vision to elevate everyday moments through exceptional coffee and connection"
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -116,7 +115,7 @@ export default function CaffePage() {
               id: "3",              name: "Sarah Williams, Freelance Writer",              date: "Date: 28 November 2024",              title: "Where Productivity Meets Pleasure",              quote: "I spend hours here working on projects, and I never feel rushed. The wifi is reliable, the seating is comfortable, and the coffee keeps me inspired. It's become essential to my creative process.",              tag: "Remote Worker",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/breakfast-cafe-vertical-shot-steam-rises-cup-espresso-coffee-glass-water-cookies-table-closeup-sunlight-selective-focus-empty-space-idea-advertising-banner_166373-2884.jpg?_wi=2"
             },
             {
-              id: "4",              name: "David Kim, Coffee Connoisseur",              date: "Date: 5 December 2024",              title: "Serious Coffee for Serious Enthusiasts",              quote: "As someone who appreciates third-wave coffee, I'm impressed by their sourcing transparency and roasting consistency. The pour-over program is fantastic, and the baristas truly understand coffee craft.",              tag: "Coffee Aficionado",              avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg"
+              id: "4",              name: "David Kim, Coffee Connoisseur",              date: "Date: 5 December 2024",              title: "Serious Coffee for Serious Enthusiasts",              quote: "As someone who appreciates third-wave coffee, I'm impressed by their sourcing transparency and roasting consistency. The pour-over program is fantastic, and the baristas truly understand coffee craft.",              tag: "Coffee Aficionado",              avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg?_wi=1"
             }
           ]}
         />
@@ -130,7 +129,7 @@ export default function CaffePage() {
           tagIcon={Mail}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/cozy-workspace-with-coffee-hearts-keyboard_191095-99789.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/cozy-workspace-with-coffee-hearts-keyboard_191095-99789.jpg?_wi=1"
           imageAlt="Premium coffee at Sana's Caffe"
           mediaAnimation="opacity"
           mediaPosition="right"
@@ -148,7 +147,7 @@ export default function CaffePage() {
                 { label: "Espresso Drinks", href: "features" },
                 { label: "Single Origins", href: "features" },
                 { label: "Pastries & Food", href: "features" },
-                { label: "Seasonal Specials", href: "features" }
+                { label: "Coffee Menu", href: "/coffee-menu" }
               ]
             },
             {
@@ -173,4 +172,4 @@ export default function CaffePage() {
       </div>
     </ThemeProvider>
   );
-}
+}