Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Coffee, Book, Smile } from "lucide-react";
+import { Book, Coffee, Smile } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,51 +32,81 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Menu", id: "menu" },
-        { name: "Contact", id: "contact" },
+        {
+          name: "Home",          id: "hero"},
+        {
+          name: "About",          id: "about"},
+        {
+          name: "Menu",          id: "menu"},
+        {
+          name: "Contact",          id: "contact"},
       ]}
-      brandName="SSNTL Coffee"
+      brandName="Essntl Coffee"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{ variant: "gradient-bars" }}
-      title="SSNTL Coffee: Your Cozy Escape"
+      background={{
+        variant: "gradient-bars"}}
+      title="Essntl Coffee: Your Cozy Escape"
       description="Discover a place to unwind, read, and enjoy the finest specialty coffee in the heart of Annanagar."
       leftCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg?_wi=1", imageAlt: "Cafe ambiance" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/luxurious-office-space-multinational-company-with-monitor_482257-119882.jpg?_wi=1", imageAlt: "Cafe seating" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-brunette-asian-girl-barista-wearing-apron-making-coffee-prepare-order-cafe-pouring-milk-cup-cappuccino-latte-art_1258-129840.jpg", imageAlt: "Barista skill" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/some-donuts-with-various-topping_140725-6469.jpg", imageAlt: "Cafe pastry" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-coffee-white-cups-cookies-cinnamon-limes-chocolate-bars-notebook-mixed-color-background_140725-143829.jpg", imageAlt: "Espresso" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-plant-table_140725-8127.jpg", imageAlt: "Iced latte" }
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg?_wi=1",          imageAlt: "Cafe ambiance"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-office-space-multinational-company-with-monitor_482257-119882.jpg?_wi=1",          imageAlt: "Cafe seating"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-brunette-asian-girl-barista-wearing-apron-making-coffee-prepare-order-cafe-pouring-milk-cup-cappuccino-latte-art_1258-129840.jpg",          imageAlt: "Barista skill"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/some-donuts-with-various-topping_140725-6469.jpg",          imageAlt: "Cafe pastry"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-coffee-white-cups-cookies-cinnamon-limes-chocolate-bars-notebook-mixed-color-background_140725-143829.jpg",          imageAlt: "Espresso"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-plant-table_140725-8127.jpg",          imageAlt: "Iced latte"},
       ]}
       rightCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg", imageAlt: "Cappuccino" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-paper-bag-with-roasted-coffee-beans-lights-isolated-white-background_181624-60278.jpg", imageAlt: "Roasted beans" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pie-with-strawberries-macarons-cup-tea-blue-surface-cake-biscuit-sweet-candy-pie-cookie_140725-66726.jpg", imageAlt: "Cafe pastry" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/young-barista-black-working-suit-with-ingredients-coffee-equipment-brown-coffee-seeds-white_140725-14664.jpg", imageAlt: "Specialty tea" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-cup-wood-table-coffee-shop_1150-8938.jpg", imageAlt: "Coffee shop" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg", imageAlt: "Seating" }
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg",          imageAlt: "Cappuccino"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-paper-bag-with-roasted-coffee-beans-lights-isolated-white-background_181624-60278.jpg",          imageAlt: "Roasted beans"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pie-with-strawberries-macarons-cup-tea-blue-surface-cake-biscuit-sweet-candy-pie-cookie_140725-66726.jpg",          imageAlt: "Cafe pastry"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/young-barista-black-working-suit-with-ingredients-coffee-equipment-brown-coffee-seeds-white_140725-14664.jpg",          imageAlt: "Specialty tea"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-cup-wood-table-coffee-shop_1150-8938.jpg",          imageAlt: "Coffee shop"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg",          imageAlt: "Seating"},
+      ]}
+      buttons={[
+        {
+          text: "Order Now & View Menu",          href: "#menu"},
       ]}
-      buttons={[{ text: "View Menu", href: "#menu" }]}
       avatars={[
-        { src: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup-table_1203-9913.jpg", alt: "Happy customer" },
-        { src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg", alt: "Happy customer" },
-        { src: "http://img.b2bpic.net/free-photo/bearded-hipster-using-laptop-cafe_171337-18088.jpg", alt: "Happy customer" },
-        { src: "http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg", alt: "Happy customer" },
-        { src: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg", alt: "Happy customer" }
+        {
+          src: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup-table_1203-9913.jpg",          alt: "Happy customer"},
+        {
+          src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg",          alt: "Happy customer"},
+        {
+          src: "http://img.b2bpic.net/free-photo/bearded-hipster-using-laptop-cafe_171337-18088.jpg",          alt: "Happy customer"},
+        {
+          src: "http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg",          alt: "Happy customer"},
+        {
+          src: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg",          alt: "Happy customer"},
       ]}
       avatarText="Join 5,000+ local coffee lovers"
       marqueeItems={[
-        { type: "text", text: "Premium Roast" },
-        { type: "text", text: "Quiet Reading" },
-        { type: "text", text: "Freshly Baked" },
-        { type: "text", text: "Artisan Brewing" },
-        { type: "text", text: "Local Community" }
+        {
+          type: "text",          text: "Premium Roast"},
+        {
+          type: "text",          text: "Quiet Reading"},
+        {
+          type: "text",          text: "Freshly Baked"},
+        {
+          type: "text",          text: "Artisan Brewing"},
+        {
+          type: "text",          text: "Local Community"},
       ]}
     />
   </div>
@@ -86,9 +116,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="A Space to Relax & Recharge"
       metrics={[
-        { icon: Coffee, label: "Coffee Varieties", value: "20+" },
-        { icon: Book, label: "Books Read", value: "1000+" },
-        { icon: Smile, label: "Happy Guests", value: "5000+" }
+        {
+          icon: Coffee,
+          label: "Coffee Varieties",          value: "20+"},
+        {
+          icon: Book,
+          label: "Books Read",          value: "1000+"},
+        {
+          icon: Smile,
+          label: "Happy Guests",          value: "5000+"},
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -99,11 +135,14 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        { tag: "Relax", title: "Quiet Reading", subtitle: "A peaceful environment", description: "Escape the city rush in our cozy reading corner.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-black-cap-chilling-cozy-cafe-fur-against-yellow-wall_627829-5874.jpg" },
-        { tag: "Expert", title: "Artisan Brewing", subtitle: "Crafted with care", description: "Every cup is brewed to perfection by our expert baristas.", imageSrc: "http://img.b2bpic.net/free-photo/barista-cafe-making-coffee-preparation-service-concept_1157-36647.jpg" },
-        { tag: "Quality", title: "Fresh Pastries", subtitle: "Baked daily", description: "Pair your coffee with our wide selection of fresh snacks.", imageSrc: "http://img.b2bpic.net/free-photo/crumbles-chocholate-tasty-dessert-with-biscuit-top-wooden-table-near-delicious-coffee-mini-cake-baked-after-traditional-recipe_482257-19880.jpg" }
+        {
+          tag: "Relax",          title: "Quiet Reading",          subtitle: "A peaceful environment",          description: "Escape the city rush in our cozy reading corner.",          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-black-cap-chilling-cozy-cafe-fur-against-yellow-wall_627829-5874.jpg"},
+        {
+          tag: "Expert",          title: "Artisan Brewing",          subtitle: "Crafted with care",          description: "Every cup is brewed to perfection by our expert baristas.",          imageSrc: "http://img.b2bpic.net/free-photo/barista-cafe-making-coffee-preparation-service-concept_1157-36647.jpg"},
+        {
+          tag: "Quality",          title: "Fresh Pastries",          subtitle: "Baked daily",          description: "Pair your coffee with our wide selection of fresh snacks.",          imageSrc: "http://img.b2bpic.net/free-photo/crumbles-chocholate-tasty-dessert-with-biscuit-top-wooden-table-near-delicious-coffee-mini-cake-baked-after-traditional-recipe_482257-19880.jpg"},
       ]}
-      title="Why SSNTL Coffee?"
+      title="Why Essntl Coffee?"
       description="More than just a coffee shop, we are your neighborhood sanctuary."
     />
   </div>
@@ -115,12 +154,18 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        { id: "p1", name: "Classic Espresso", price: "$3.50", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-espresso-with-chocolate-cake-white-surface-chocolate-cake-biscuit-cookies-sweet_140725-72057.jpg" },
-        { id: "p2", name: "Iced Vanilla Latte", price: "$5.00", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-drinking-coffee-drink-beach-with-foam-drinking-straw_1268-16574.jpg" },
-        { id: "p3", name: "Cappuccino", price: "$4.50", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/clear-drinking-glass-with-brown-liquid_209848-19.jpg" },
-        { id: "p4", name: "Premium Roast Beans", price: "$15.00", variant: "Dry Goods", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965860.jpg" },
-        { id: "p5", name: "Croissant", price: "$4.00", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-with-kebab-vegetable-lentil-tomato-soups-turkish-meze_140725-1573.jpg" },
-        { id: "p6", name: "Herbal Tea", price: "$3.00", variant: "Tea", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-fresh-black-tea-light-gray-background-flavor-tea-coffee-photo-color-breakfast-flowers-ceremony_140725-160844.jpg" }
+        {
+          id: "p1",          name: "Classic Espresso",          price: "$3.50",          variant: "Hot",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-espresso-with-chocolate-cake-white-surface-chocolate-cake-biscuit-cookies-sweet_140725-72057.jpg"},
+        {
+          id: "p2",          name: "Iced Vanilla Latte",          price: "$5.00",          variant: "Cold",          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-drinking-coffee-drink-beach-with-foam-drinking-straw_1268-16574.jpg"},
+        {
+          id: "p3",          name: "Cappuccino",          price: "$4.50",          variant: "Hot",          imageSrc: "http://img.b2bpic.net/free-photo/clear-drinking-glass-with-brown-liquid_209848-19.jpg"},
+        {
+          id: "p4",          name: "Premium Roast Beans",          price: "$15.00",          variant: "Dry Goods",          imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965860.jpg"},
+        {
+          id: "p5",          name: "Croissant",          price: "$4.00",          variant: "Bakery",          imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-with-kebab-vegetable-lentil-tomato-soups-turkish-meze_140725-1573.jpg"},
+        {
+          id: "p6",          name: "Herbal Tea",          price: "$3.00",          variant: "Tea",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-fresh-black-tea-light-gray-background-flavor-tea-coffee-photo-color-breakfast-flowers-ceremony_140725-160844.jpg"},
       ]}
       title="Our Signature Menu"
       description="Handpicked selection of beverages and light bites."
@@ -133,9 +178,24 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        { id: "m1", title: "Coffee Lover", price: "$30", period: "/mo", features: ["10 Coffee Cups", "Priority Seating", "Free Wi-Fi"], button: { text: "Get Plan" }, imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-arrangement-with-machine_23-2148865560.jpg" },
-        { id: "m2", title: "Cafe Enthusiast", price: "$50", period: "/mo", features: ["Unlimited Coffee", "Weekly Pastry", "Guest Invite"], button: { text: "Get Plan" }, imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg?_wi=2" },
-        { id: "m3", title: "SSNTL VIP", price: "$80", period: "/mo", features: ["All Inclusive", "Free Coffee Beans", "Personal Locker"], button: { text: "Get Plan" }, imageSrc: "http://img.b2bpic.net/free-photo/luxurious-office-space-multinational-company-with-monitor_482257-119882.jpg?_wi=2" }
+        {
+          id: "m1",          title: "Coffee Lover",          price: "$30",          period: "/mo",          features: [
+            "10 Coffee Cups",            "Priority Seating",            "Free Wi-Fi"],
+          button: {
+            text: "Get Plan"},
+          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-arrangement-with-machine_23-2148865560.jpg",          imageAlt: "fresh coffee beans macro"},
+        {
+          id: "m2",          title: "Cafe Enthusiast",          price: "$50",          period: "/mo",          features: [
+            "Unlimited Coffee",            "Weekly Pastry",            "Guest Invite"],
+          button: {
+            text: "Get Plan"},
+          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg?_wi=2",          imageAlt: "fresh coffee beans macro"},
+        {
+          id: "m3",          title: "Essntl VIP",          price: "$80",          period: "/mo",          features: [
+            "All Inclusive",            "Free Coffee Beans",            "Personal Locker"],
+          button: {
+            text: "Get Plan"},
+          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-office-space-multinational-company-with-monitor_482257-119882.jpg?_wi=2",          imageAlt: "fresh coffee beans macro"},
       ]}
       title="Membership Plans"
       description="Enjoy frequent visits with our exclusive coffee memberships."
@@ -148,29 +208,50 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        { id: "t1", name: "Sarah", role: "Designer", company: "Local Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/vintage-pattern-coffee-croissant_23-2147601069.jpg" },
-        { id: "t2", name: "David", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-people-studying-cafe-with-cup-coffee-latte_23-2148209278.jpg" },
-        { id: "t3", name: "Priya", role: "Writer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256934.jpg" },
-        { id: "t4", name: "Rohan", role: "Engineer", company: "Tech Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-listening-music-from-cell-phone-cafe_171337-19555.jpg" },
-        { id: "t5", name: "Maya", role: "Teacher", company: "High School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/touched-european-woman-presses-hand-chest-holds-takeaway-coffee-dressed-oversized-jumper-recalls-something-pleasant_273609-43554.jpg" }
+        {
+          id: "t1",          name: "Sarah",          role: "Designer",          company: "Local Agency",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-vector/vintage-pattern-coffee-croissant_23-2147601069.jpg"},
+        {
+          id: "t2",          name: "David",          role: "Student",          company: "University",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/two-people-studying-cafe-with-cup-coffee-latte_23-2148209278.jpg"},
+        {
+          id: "t3",          name: "Priya",          role: "Writer",          company: "Freelance",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256934.jpg"},
+        {
+          id: "t4",          name: "Rohan",          role: "Engineer",          company: "Tech Corp",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-listening-music-from-cell-phone-cafe_171337-19555.jpg"},
+        {
+          id: "t5",          name: "Maya",          role: "Teacher",          company: "High School",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/touched-european-woman-presses-hand-chest-holds-takeaway-coffee-dressed-oversized-jumper-recalls-something-pleasant_273609-43554.jpg"},
       ]}
       kpiItems={[
-        { value: "4.9", label: "Rating" },
-        { value: "1.2k", label: "Reviews" },
-        { value: "5k+", label: "Served" }
+        {
+          value: "4.9",          label: "Rating"},
+        {
+          value: "1.2k",          label: "Reviews"},
+        {
+          value: "5k+",          label: "Served"},
       ]}
       title="Guest Experiences"
-      description="Hear what our regulars love about SSNTL Coffee."
+      description="Hear what our regulars love about Essntl Coffee."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitText
       useInvertedBackground={true}
+      buttons={[
+        {
+          text: "Contact Us",          href: "#contact"
+        }
+      ]}
       faqs={[
-        { id: "f1", title: "Are you open on weekends?", content: "Yes, we are open daily to serve you!" },
-        { id: "f2", title: "Do you have vegan options?", content: "Absolutely, we have almond and oat milk options." },
-        { id: "f3", title: "Is there free Wi-Fi?", content: "Yes, our shop is a perfect space to study and work." }
+        {
+          id: "f1",          title: "Are you open on weekends?",          content: "Yes, we are open daily to serve you!"},
+        {
+          id: "f2",          title: "Do you have vegan options?",          content: "Absolutely, we have almond and oat milk options."},
+        {
+          id: "f3",          title: "Is there free Wi-Fi?",          content: "Yes, our shop is a perfect space to study and work."},
       ]}
       sideTitle="Questions?"
       sideDescription="Check common inquiries about our shop."
@@ -182,12 +263,15 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={false}
       title="Visit Us Today"
-      description="Come experience the warmth of SSNTL Coffee."
+      description="Come experience the warmth of Essntl Coffee."
       inputs={[
-        { name: "name", type: "text", placeholder: "Your Name" },
-        { name: "email", type: "email", placeholder: "Email Address" }
+        {
+          name: "name",          type: "text",          placeholder: "Your Name"},
+        {
+          name: "email",          type: "email",          placeholder: "Email Address"},
       ]}
-      textarea={{ name: "message", placeholder: "Your Message" }}
+      textarea={{
+        name: "message",        placeholder: "Your Message"}}
       imageSrc="http://img.b2bpic.net/free-photo/women-holding-pizza-full-shot_23-2149872414.jpg"
       mediaPosition="right"
     />
@@ -197,17 +281,25 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Location",          items: [{ label: "No30/2, 9th St, Chennai", href: "#" }]
+          title: "Location",          items: [
+            {
+              label: "No30/2, 9th St, Chennai",              href: "#"},
+          ],
         },
         {
-          title: "Social",          items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }]
-        }
+          title: "Social",          items: [
+            {
+              label: "Instagram",              href: "#"},
+            {
+              label: "Twitter",              href: "#"},
+          ],
+        },
       ]}
-      bottomLeftText="© 2024 SSNTL Coffee"
+      bottomLeftText="© 2024 Essntl Coffee"
       bottomRightText="All rights reserved"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}