"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import { Coffee, Croissant, Flame, Gift, Home } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="medium"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Experience",          id: "#experience"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Theatre"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="Theatre – Live Bakery & Cafe"
      description="Freshly baked delights, specialty coffee, fluffy omelettes, and handcrafted waffles served in a cozy and aesthetic atmosphere. Perfect for any time of day."
      testimonials={[
        {
          name: "Alex P.",          handle: "@alexfoodie",          testimonial: "The best place in town for fresh pastries and a delightful coffee experience. A true gem!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/greeneyed-smiling-woman-white-tshirt-drinking-milkshake-sitting-cafe_197531-26361.jpg?_wi=1"
        },
        {
          name: "Maria S.",          handle: "@mariadelights",          testimonial: "Absolutely love the vibe here! Their specialty coffee is a must-try, and the staff are always so welcoming.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-woman-hat-talking-by-smartphone-with-coffee-hand-looking-up-gray-background_171337-12008.jpg"
        },
        {
          name: "Omar K.",          handle: "@omartravels",          testimonial: "A fantastic spot for breakfast meetings. The omelettes are divine, and the cozy setting makes it ideal for work.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg"
        },
        {
          name: "Jessica L.",          handle: "@jessicaeats",          testimonial: "The live bakery concept is amazing! Watching them bake fresh goods adds to the charm. Their waffles are heavenly.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-smiling-woman-with-cup-drink-near-window-cafe_23-2148071599.jpg"
        },
        {
          name: "David B.",          handle: "@davidfoodblog",          testimonial: "This cafe has become my regular weekend spot. Great quality food, excellent coffee, and a very relaxing atmosphere.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg"
        }
      ]}
      buttons={[
        {
          text: "Visit Us Today",          href: "#contact"
        }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg?_wi=1"
      imageAlt="Cozy cafe interior with coffee and pastries"
      mediaAnimation="opacity"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",          alt: "Happy customer 1"
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-bearded-man-cafe_171337-18068.jpg",          alt: "Happy customer 2"
        },
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg",          alt: "Happy customer 3"
        },
        {
          src: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg",          alt: "Happy customer 4"
        },
        {
          src: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950188.jpg",          alt: "Happy customer 5"
        }
      ]}
      avatarText="Join our community of happy customers!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Freshly Baked Daily",          icon: Croissant
        },
        {
          type: "text-icon",          text: "Artisan Coffee Crafted",          icon: Coffee
        },
        {
          type: "text-icon",          text: "Cozy & Inviting Ambiance",          icon: Home
        },
        {
          type: "text-icon",          text: "Delicious Breakfast Options",          icon: Flame
        },
        {
          type: "text-icon",          text: "Handcrafted Waffles & More",          icon: Gift
        }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Freshly Baked Every Day"
      description="Theatre – Live Bakery & Cafe offers a unique live bakery experience where guests can enjoy freshly prepared treats, premium coffee, and delicious breakfast favorites.\n\nWhether you're meeting friends, hosting a casual business discussion, or simply enjoying your morning coffee, Theatre provides the perfect setting. Our commitment to quality ingredients and a warm, inviting atmosphere makes every visit special."
      imageSrc="http://img.b2bpic.net/free-photo/barista-using-tamper-press-ground-coffee-into-portafilter-cafe-thick-wooden-table-professional-coffee-brewing_346278-1468.jpg"
      imageAlt="Barista making coffee with latte art"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "waffles",          name: "Fresh Waffles",          price: "PKR 550",          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-caffe-eating-breakfast-waffle-with-chocolate-sauce-banana-slices-strawberries-green-ceramic-plate-photographed-her-breakfast_114579-1690.jpg",          imageAlt: "Golden fluffy waffles with berries"
        },
        {
          id: "omelettes",          name: "Signature Omelettes",          price: "PKR 650",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-toast-with-veggie-cream-omelette_23-2148698699.jpg",          imageAlt: "Fluffy omelette with herbs"
        },
        {
          id: "coffee",          name: "Specialty Coffee",          price: "PKR 400",          imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-cappuccino-with-froth_140725-7517.jpg",          imageAlt: "Latte art coffee cup"
        },
        {
          id: "pastries",          name: "Live Bakery Items",          price: "PKR 300",          imageSrc: "http://img.b2bpic.net/free-photo/aroma-cup-tea-with-delicious-croissants_114579-37484.jpg",          imageAlt: "Assorted fresh pastries"
        },
        {
          id: "sandwich",          name: "Gourmet Sandwiches",          price: "PKR 700",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sandwiches-table_23-2148262947.jpg",          imageAlt: "Fresh gourmet sandwich"
        },
        {
          id: "smoothie",          name: "Refreshing Smoothies",          price: "PKR 450",          imageSrc: "http://img.b2bpic.net/free-photo/berries-milkshake-garnished-with-raspberry-strawberry-cranberries-bamboo-skewers_140725-5728.jpg",          imageAlt: "Colorful fruit smoothie"
        }
      ]}
      title="Menu Highlights"
      description="Explore our curated selection of fresh bakery items, savory breakfast, and handcrafted beverages, all prepared with the finest ingredients."
    />
  </div>

  <div id="experience" data-section="experience">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "☕ Cozy Atmosphere",          description: "Warm interiors designed for comfort and relaxation, perfect for unwinding or productive work.",          imageSrc: "http://img.b2bpic.net/free-photo/latte-art-coffee-cup-spoon_9975-135795.jpg",          imageAlt: "minimalist cafe logo design"
        },
        {
          title: "🥐 Live Bakery",          description: "Watch fresh bakery items come to life throughout the day, a feast for your senses.",          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg?_wi=2",          imageAlt: "minimalist cafe logo design"
        },
        {
          title: "💼 Business Friendly",          description: "A perfect setting for small meetings and casual work sessions with complimentary Wi-Fi.",          imageSrc: "http://img.b2bpic.net/free-photo/greeneyed-smiling-woman-white-tshirt-drinking-milkshake-sitting-cafe_197531-26361.jpg?_wi=2",          imageAlt: "minimalist cafe logo design"
        },
        {
          title: "📸 Aesthetic Ambience",          description: "Beautiful interiors that make every visit memorable and Instagram-worthy moments.",          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",          imageAlt: "minimalist cafe logo design"
        }
      ]}
      title="The Experience"
      description="At Theatre – Live Bakery & Cafe, we blend delightful flavors with a serene environment, ensuring every visit is a memorable one."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Theatre Cafe is my favorite spot! The ambiance is perfect for relaxing or catching up with friends. And the coffee is simply divine!"
      rating={5}
      author="Sarah J."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",          alt: "Michael Chen"
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiley-women-conversing-table-using-sign-language_23-2148681068.jpg",          alt: "Emily Rodriguez"
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-elegant-male-enjoying-coffee-cup_23-2148673399.jpg",          alt: "David Kim"
        },
        {
          src: "http://img.b2bpic.net/free-photo/shy-bearded-redhead-guy-posing-against-white-wall_176420-33203.jpg",          alt: "Laura White"
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-girl-white-background_176474-114665.jpg",          alt: "James P."
        }
      ]}
      ratingAnimation="opacity"
      avatarsAnimation="opacity"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Foodies",        "Karachi Daily",        "The Coffee Blog",        "Dessert Heaven",        "Business Hub",        "Urban Eats",        "Taste Makers"
      ]}
      title="Loved by Our Community"
      description="We are proud to be a beloved local spot, supported by a wonderful community and recognized by local publications."
      speed={40}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      sideTitle="Frequently Asked Questions"
      sideDescription="Have questions about our menu, services, or events? Find your answers here or contact us directly for more information."
      faqs={[
        {
          id: "q1",          title: "Do you offer gluten-free options?",          content: "Yes, we have a selection of delicious gluten-free pastries and meals. Please ask our staff for today's specials and dietary recommendations."
        },
        {
          id: "q2",          title: "Can I reserve a table?",          content: "We operate on a first-come, first-served basis for our cozy cafe seating. For larger groups or private events, please contact us directly to discuss arrangements."
        },
        {
          id: "q3",          title: "What are your opening hours?",          content: "We are open from 8 AM to 10 PM, Monday through Sunday. Come enjoy our fresh offerings at your convenience any day of the week!"
        },
        {
          id: "q4",          title: "Do you offer catering services?",          content: "Yes, we do! Theatre – Live Bakery & Cafe provides catering for various events, from corporate meetings to family gatherings. Please inquire for our catering menu."
        },
        {
          id: "q5",          title: "Is there Wi-Fi available?",          content: "Absolutely! We offer complimentary high-speed Wi-Fi for all our guests, making it a perfect spot for work or catching up online."
        }
      ]}
      faqsAnimation="slide-up"
      textPosition="right"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Connect with Theatre Cafe"
      description="Reach out to us for reservations, catering, or any inquiries. We're happy to assist you!\n\nTheatre – Live Bakery & Cafe\n25, 23-B, Maqbool Cooperative Society,\nBlock 7, 8 Tipu Sultan Road, Karachi\nPhone: +92 320 2678675\nEmail: info@theatrebakerycafe.com"
      buttons={[
        {
          text: "Call Now",          href: "tel:+923202678675"
        },
        {
          text: "Get Directions",          href: "https://maps.app.goo.gl/example"
        }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cozy-cafe-interior-natural-lighting-potted-plants_23-2149591456.jpg"
      imageAlt="Cozy cafe interior"
      mediaPosition="left"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg"
      imageAlt="Blurred cafe interior background"
      logoText="Theatre"
      columns={[
        {
          title: "Explore",          items: [
            {
              label: "About Us",              href: "#about"
            },
            {
              label: "Menu",              href: "#menu"
            },
            {
              label: "Experience",              href: "#experience"
            }
          ]
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact",              href: "#contact"
            },
            {
              label: "Testimonials",              href: "#testimonials"
            },
            {
              label: "FAQ",              href: "#faq"
            }
          ]
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"
            },
            {
              label: "Terms of Service",              href: "#"
            }
          ]
        }
      ]}
      copyrightText="© 2026 Theatre – Live Bakery & Cafe. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}