Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -31,36 +31,27 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Menu", id: "menu" },
-        {
+        { name: "About", id: "about" },
-          name: "Menu",          id: "menu"},
+        { name: "Reviews", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",          id: "about"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="COi Bubble Tea"
-      button={{
+      button={{ text: "Order Now", href: "#contact" }}
-        text: "Order Now",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       title="Coffee, Yes. You, maybe."
       description="Experience the vibrant joy of handcrafted milk tea. Fresh, creamy, and made with love in every cup."
       buttons={[
-        {
+        { text: "Order Now", href: "#contact" },
-          text: "Order Now",          href: "#contact"},
+        { text: "Explore Menu", href: "#menu" },
-        {
-          text: "Explore Menu",          href: "#menu"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cy3IOsYbImTsX1pU440WEpHrM0/uploaded-1777347152897-d2xrvqkx.png"
     />
   </div>
 
@@ -68,14 +59,11 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "The Story of COi Bubble Tea" },
-          type: "text",          content: "The Story of COi Bubble Tea"},
+        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cy3IOsYbImTsX1pU440WEpHrM0/uploaded-1777347152897-8sxwqwbb.png", alt: "Cozy shop interior" },
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-teenager-having-hot-chocolate_23-2148495496.jpg",          alt: "Cozy shop interior"},
       ]}
       buttons={[
-        {
+        { text: "Learn More", href: "#about" },
-          text: "Learn More",          href: "#about"},
       ]}
     />
   </div>
@@ -87,27 +75,13 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", brand: "Signature", name: "Classic Milk Tea", price: "$3.50", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cy3IOsYbImTsX1pU440WEpHrM0/uploaded-1777347152897-rni8ho4l.png" },
-          id: "1",          brand: "Signature",          name: "Classic Milk Tea",          price: "$3.50",          rating: 5,
+        { id: "2", brand: "Fruit", name: "Strawberry Fruit Tea", price: "$4.00", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cy3IOsYbImTsX1pU440WEpHrM0/uploaded-1777347152897-z10hntte.png" },
-          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-fruits-candies-white-background-tea-fruit-fresh-candy_140725-115919.jpg"},
+        { id: "3", brand: "Chocolate", name: "Choco Oreo", price: "$4.50", rating: 4, reviewCount: "92", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cy3IOsYbImTsX1pU440WEpHrM0/uploaded-1777347152897-1b7e8qps.png" },
-        {
-          id: "2",          brand: "Fruit",          name: "Strawberry Fruit Tea",          price: "$4.00",          rating: 5,
-          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-teapot-pours-tea-glass-mug-marble-table_114579-85386.jpg"},
-        {
-          id: "3",          brand: "Chocolate",          name: "Choco Oreo",          price: "$4.50",          rating: 4,
-          reviewCount: "92",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-dessert-with-chocolate-biscuits_23-2148603289.jpg"},
-        {
-          id: "4",          brand: "Premium",          name: "Hokkaido Milk Tea",          price: "$4.25",          rating: 5,
-          reviewCount: "64",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-jar-with-donut-straw_23-2148603242.jpg"},
-        {
-          id: "5",          brand: "Premium",          name: "Dark Choco",          price: "$4.50",          rating: 5,
-          reviewCount: "77",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-jar-with-popcorn-biscuits_23-2148603228.jpg"},
-        {
-          id: "6",          brand: "Signature",          name: "Wintermelon Tea",          price: "$3.75",          rating: 4,
-          reviewCount: "105",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-blackberries-inside-white-little-pot-pink-desk_140725-49120.jpg"},
       ]}
       title="Signature Menu"
       description="Freshly brewed teas, artisanal milk blends, and signature add-ons designed for every mood."
+      buttons={[{ text: "View Full Menu", href: "#menu" }]}
     />
   </div>
 
@@ -116,12 +90,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { tag: "Freshness", title: "Real Ingredients", subtitle: "Top Quality", description: "Hand-picked tea leaves and freshly prepared pearls every single hour." },
-          tag: "Freshness",          title: "Real Ingredients",          subtitle: "Top Quality",          description: "Hand-picked tea leaves and freshly prepared pearls every single hour.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-barista-girl-uniform-serving-coffee-waitress-holding-cup-drink-working-cafe_1258-129817.jpg"},
+        { tag: "Experience", title: "Cozy Atmosphere", subtitle: "Clean & Calm", description: "The perfect study spot with free Wi-Fi and plenty of comfortable seating." },
-        {
+        { tag: "Convenience", title: "Fast Services", subtitle: "Take out & Delivery", description: "Online ordering available, or drop by for a quick, delicious refreshment." },
-          tag: "Experience",          title: "Cozy Atmosphere",          subtitle: "Clean & Calm",          description: "The perfect study spot with free Wi-Fi and plenty of comfortable seating.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-apron-speaking-smartphone_23-2147762200.jpg"},
-        {
-          tag: "Convenience",          title: "Fast Services",          subtitle: "Take out & Delivery",          description: "Online ordering available, or drop by for a quick, delicious refreshment.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-cute-korean-girl-barista-working-with-coffee-machine-prepare-cappuccino-using-steamr-cafe_1258-197416.jpg"},
       ]}
       title="Why COi Bubble Tea?"
       description="More than just tea; we offer an experience, a space to connect, and the best quality ingredients in town."
@@ -134,18 +105,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "A**** a****", handle: "Local Student", testimonial: "They have such a calm and clean ambiance. Cheap and worth it." },
-          id: "1",          name: "A**** a****",          handle: "Local Student",          testimonial: "They have such a calm and clean ambiance. Cheap and worth it, so better get some good looks here.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg"},
+        { id: "2", name: "S* M****", handle: "Regular", testimonial: "Wonderful bubble tea and coffee shop in Kidapawan City." },
-        {
-          id: "2",          name: "S* M****",          handle: "Regular",          testimonial: "Wonderful bubble tea and coffee shop in Kidapawan City. The owner and staff are friendly.",          imageSrc: "http://img.b2bpic.net/free-photo/young-concentrated-student-cafe_23-2147656045.jpg"},
-        {
-          id: "3",          name: "R**** O******",          handle: "Happy Customer",          testimonial: "Place is cozy, clean and products are delicious.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-lovely-female-model-enjoys-drinking-coffee-spare-time-has-good-mood-casual-talk-with-intelocutor-looks-directly-camera_273609-39037.jpg"},
-        {
-          id: "4",          name: "Jasmine T.",          handle: "Tea Lover",          testimonial: "Best milk tea in town! The pearls are perfect and not too sweet.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-using-her-phone-touchpad-notebook-while-sitting-her-working-place-cafe-with-cup-coffee_627829-6728.jpg"},
-        {
-          id: "5",          name: "Liam K.",          handle: "Student",          testimonial: "My go-to place for studying. The ambiance is just perfect.",          imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg"},
-        {
-          id: "6",          name: "Sarah P.",          handle: "Daily Fan",          testimonial: "Everything on the menu is worth trying. Absolutely addicted to their wintermelon.",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-student-working-laptop-bar-eating-pizza_1303-19915.jpg"},
       ]}
       title="What Our Friends Say"
       description="Heartfelt feedback from our beloved COi customers."
@@ -156,8 +117,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="split"
       useInvertedBackground={false}
-      names={[
+      names={["Kidapawan Local Market", "Student Council", "Neighborhood Hub"]}
-        "Kidapawan Local Market",        "Student Council",        "Neighborhood Hub",        "City Cafe Group",        "Community Partners",        "Youth Outreach",        "Local Food Network"]}
       title="Proudly Served"
       description="Connecting with our community through every cup."
     />
@@ -168,17 +128,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "Do you offer delivery?", content: "Yes, we partner with local platforms." },
-          id: "1",          title: "Do you offer delivery?",          content: "Yes, we partner with local delivery platforms to bring COi Bubble Tea right to your doorstep."},
+        { id: "2", title: "Are you pet friendly?", content: "We love furry friends!" },
-        {
-          id: "2",          title: "Are you pet friendly?",          content: "We love furry friends! Our outdoor seating is perfectly pet-friendly."},
-        {
-          id: "3",          title: "Can I customize my sugar level?",          content: "Absolutely! We offer various sugar and ice levels to suit your personal preference."},
-        {
-          id: "4",          title: "Where are you located?",          content: "We are at 234M+5JM, Sinsuat St, Kidapawan, Cotabato."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/mother-daughter-talking-kitchen_329181-8916.jpg"
-      mediaAnimation="slide-up"
       title="Got Questions?"
       description="Find everything you need to know about COi Bubble Tea right here."
       faqsAnimation="slide-up"
@@ -188,44 +140,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       tag="Visit Us"
       title="Let's Get Chatting"
       description="Come visit us at Sinsuat St! Open daily to serve you the best tea in town."
-      mediaAnimation="slide-up"
-      buttonText="Get Directions / Order via Delivery"
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "Reviews", href: "#testimonials" }] },
-          title: "Quick Links",          items: [
-            {
-              label: "Menu",              href: "#menu"},
-            {
-              label: "Reviews",              href: "#testimonials"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Location",          items: [
-            {
-              label: "Sinsuat St, Kidapawan",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Socials",          items: [
-            {
-              label: "Facebook",              href: "#"},
-            {
-              label: "Instagram",              href: "#"},
-          ],
-        },
       ]}
       logoText="COi Bubble Tea"
     />