"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Briefcase, CalendarCheck, Flame, Heart, Home, MapPin, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Achievements",
          id: "#achievements",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQs",
          id: "#faqs",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Choudhry Mateen Caterers"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "downward-rays-static",
      }}
      title="Choudhry Mateen Caterers: Exquisite Culinary Experiences in Karachi"
      description="Crafting unforgettable dining experiences with a blend of traditional Pakistani flavors and modern culinary artistry. From intimate gatherings to grand celebrations, we bring your vision to life with passion and precision."
      kpis={[
        {
          value: "25+",
          label: "Years Experience",
        },
        {
          value: "1000+",
          label: "Events Catered",
        },
        {
          value: "50000+",
          label: "Satisfied Guests",
        },
      ]}
      enableKpiAnimation={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
          alt: "Client Sarah Johnson",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg",
          alt: "Client Michael Chen",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
          alt: "Client Emily Rodriguez",
        },
        {
          src: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg",
          alt: "Client David Kim",
        },
        {
          src: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg",
          alt: "Satisfied Event Client",
        },
      ]}
      avatarText="Trusted by over 50,000 guests"
      imageSrc="http://img.b2bpic.net/free-photo/top-view-king-prawn-served-with-sweet-chili-sauce-glasses-shots_140725-12392.jpg"
      imageAlt="Professional chef presenting a gourmet dish for catering event"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",
          text: "Exquisite Flavors",
        },
        {
          type: "text-icon",
          text: "Culinary Excellence",
          icon: Flame,
        },
        {
          type: "text",
          text: "Unforgettable Events",
        },
        {
          type: "text-icon",
          text: "Trusted Service",
          icon: Heart,
        },
        {
          type: "text",
          text: "Karachi's Premier Caterer",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Legacy of Flavor and Excellence"
      description={[
        "Choudhry Mateen Caterers has been a cornerstone of Karachi's culinary scene for over two decades. Founded on a passion for exquisite food and impeccable service, we pride ourselves on delivering bespoke catering solutions that reflect the unique tastes and preferences of our esteemed clients. Our commitment to quality ingredients, innovative menus, and meticulous execution ensures every event is a resounding success.",
        "From vibrant Pakistani feasts to sophisticated international buffets, our culinary team, led by seasoned chefs, creates dishes that are both visually stunning and incredibly delicious. We handle every detail, so you can relax and enjoy your special occasion, confident that your guests are experiencing the very best.",
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Wedding Catering",
          description: "Crafting magical culinary experiences for your special day, from traditional feasts to contemporary menus.",
          icon: Heart,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/sliced-cheese-meat-served-plate-with-olivas-stand-wooden-boxes_1304-5609.jpg",
              imageAlt: "Lavish Pakistani wedding banquet",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg",
              imageAlt: "Beautifully decorated wedding tables",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-king-prawn-served-with-sweet-chili-sauce-glasses-shots_140725-12392.jpg",
          imageAlt: "lavish Pakistani wedding banquet",
        },
        {
          title: "Corporate Events",
          description: "Professional and impressive catering for corporate lunches, gala dinners, conferences, and office parties.",
          icon: Briefcase,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/reserved-table-restaurant_53876-30324.jpg",
              imageAlt: "Corporate lunch meeting setup",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beauty-setting-table-luxury-place_8353-9905.jpg",
              imageAlt: "Networking event food station",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
          imageAlt: "lavish Pakistani wedding banquet",
        },
        {
          title: "Private Gatherings",
          description: "Customized menus and service for intimate family dinners, birthday celebrations, and special occasions at home.",
          icon: Home,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149890988.jpg",
              imageAlt: "Intimate family dinner party",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg",
              imageAlt: "Exclusive dinner party desserts",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg",
          imageAlt: "lavish Pakistani wedding banquet",
        },
      ]}
      title="Our Signature Catering Services"
      description="We offer a diverse range of catering solutions tailored to every occasion, ensuring a flawless and memorable event."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Mutton Biryani",
          price: "PKR 1500 per kg",
          variant: "Classic Pakistani",
          imageSrc: "http://img.b2bpic.net/free-photo/onion-tomato-with-beef-pieces-stew-copper-pan_114579-2862.jpg",
          imageAlt: "A plate of aromatic Mutton Biryani",
        },
        {
          id: "p2",
          name: "Chicken Karahi",
          price: "PKR 1200 per kg",
          variant: "Spicy & Rich",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-cooked-cast-iron-grill-generated-by-ai_188544-20542.jpg",
          imageAlt: "A bowl of rich Chicken Karahi",
        },
        {
          id: "p3",
          name: "BBQ Platter",
          price: "PKR 2500 for 4 persons",
          variant: "Mixed Grill",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-assorted-meat-kebab-with-onions-spices-fresh-salad_141793-1535.jpg",
          imageAlt: "An assortment of grilled BBQ skewers",
        },
        {
          id: "p4",
          name: "Continental Appetizers",
          price: "PKR 1000 per person",
          variant: "Assorted Selection",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheese-platter-with-grapes-smoked-sausages-slate-board_23-2148162066.jpg",
          imageAlt: "A platter of continental appetizers",
        },
        {
          id: "p5",
          name: "Chocolate Lava Cake",
          price: "PKR 450 per piece",
          variant: "Decadent Dessert",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-cake-with-cream-inside-plate-brown-wooden-table-cake-dessert-chocolate_140725-27828.jpg",
          imageAlt: "Warm chocolate lava cake with ice cream",
        },
        {
          id: "p6",
          name: "Fresh Fruit Chaat",
          price: "PKR 700 per kg",
          variant: "Refreshing & Healthy",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fruit-composition-fresh-fruits-dark-background-ripe-fresh-health-diet-fruits-mellow_140725-116233.jpg",
          imageAlt: "A bowl of fresh fruit chaat",
        },
      ]}
      title="Taste Our Culinary Delights"
      description="A glimpse into our diverse menu, featuring some of our most loved dishes, blending traditional and continental flavors."
    />
  </div>

  <div id="achievements" data-section="achievements">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          icon: Award,
          title: "Years in Business",
          value: "25+",
        },
        {
          id: "m2",
          icon: CalendarCheck,
          title: "Successful Events",
          value: "1000+",
        },
        {
          id: "m3",
          icon: Star,
          title: "Client Ratings",
          value: "5-Star",
        },
        {
          id: "m4",
          icon: MapPin,
          title: "Serving Karachi Since",
          value: "1998",
        },
      ]}
      title="Our Achievements Speak Volumes"
      description="Celebrating milestones that define our journey of culinary excellence and unwavering client satisfaction."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Aisha Khan",
          date: "March 15, 2023",
          title: "A Dream Wedding Feast",
          quote: "Choudhry Mateen Caterers made our wedding absolutely unforgettable. The food was divine, the presentation was stunning, and the service was impeccable. Our guests were raving about everything!",
          tag: "Wedding Event",
          avatarSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
          avatarAlt: "Aisha Khan avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/picture-set-table-classic-restaurant_8353-9921.jpg",
          imageAlt: "Elegant wedding dinner setup",
        },
        {
          id: "t2",
          name: "Bilal Ahmed",
          date: "January 22, 2024",
          title: "Exceptional Corporate Catering",
          quote: "For our annual corporate gala, Choudhry Mateen Caterers exceeded all expectations. The menu was perfectly curated, and their team handled everything seamlessly. Truly professional and delicious!",
          tag: "Corporate Gala",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-girl-showing-thumbs-up-emotion-concept_169016-65501.jpg",
          avatarAlt: "Bilal Ahmed avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-serving-herself-buffet-restaurant_1262-1714.jpg",
          imageAlt: "Corporate event buffet spread",
        },
        {
          id: "t3",
          name: "Fatima Sohail",
          date: "November 01, 2023",
          title: "Perfect for Private Parties",
          quote: "We hired them for a private birthday dinner, and the experience was fantastic. The food was fresh, flavorful, and beautifully presented. They truly made our celebration special.",
          tag: "Birthday Party",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg",
          avatarAlt: "Fatima Sohail avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510884.jpg",
          imageAlt: "Private birthday celebration dining",
        },
        {
          id: "t4",
          name: "Imran Zaidi",
          date: "September 10, 2023",
          title: "Consistently Outstanding",
          quote: "Choudhry Mateen Caterers has been our go-to for years. Whether it's a large outdoor event or a smaller gathering, their quality and service are consistently top-notch. Highly recommended!",
          tag: "Outdoor Event",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
          avatarAlt: "Imran Zaidi avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/best-friends-celebrating-new-year-s-eve-together_23-2149144050.jpg",
          imageAlt: "Outdoor garden party catering",
        },
        {
          id: "t5",
          name: "Zainab & Ali",
          date: "June 05, 2024",
          title: "Our Engagement was Flawless",
          quote: "The team helped us create a wonderful menu for our engagement. Everything was delicious, and the setup was elegant. They truly captured the essence of our celebration.",
          tag: "Engagement Ceremony",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-interracial-couple_23-2148240687.jpg",
          avatarAlt: "Zainab & Ali avatars",
          imageSrc: "http://img.b2bpic.net/free-photo/flowers-meat_1157-529.jpg",
          imageAlt: "Engagement ceremony catering",
        },
      ]}
      title="What Our Clients Say"
      description="Hear from those who have experienced the Choudhry Mateen Caterers difference and left their events in our expert hands."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "How far in advance should I book catering services?",
          content: "We recommend booking as early as possible, especially for large events or during peak seasons. Ideally, 3-6 months in advance allows us to plan and customize your event perfectly. However, we can accommodate last-minute requests depending on availability.",
        },
        {
          id: "faq2",
          title: "Do you offer custom menus or dietary accommodations?",
          content: "Absolutely! We specialize in creating bespoke menus tailored to your preferences, theme, and budget. We can also accommodate various dietary restrictions and allergies (e.g., vegetarian, halal, gluten-free) upon request. Please discuss your needs during the consultation.",
        },
        {
          id: "faq3",
          title: "What areas do you serve?",
          content: "Choudhry Mateen Caterers proudly serves clients throughout Karachi, Pakistan. For events outside Karachi, please contact us to discuss potential arrangements.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our catering services, booking process, and menu options."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Plan Your Event with Us"
      description="Get in touch with Choudhry Mateen Caterers to discuss your catering needs and receive a custom quote for an unforgettable culinary experience."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number (Optional)",
        },
        {
          name: "eventType",
          type: "text",
          placeholder: "Type of Event (e.g., Wedding, Corporate)",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about your event details and requirements...",
        rows: 5,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/diverse-group-friends-their-20s-sitting-outdoor-bar-together-while-checking-social-media-texting-their-smartphones_662251-855.jpg"
      imageAlt="Chef meeting with a client to discuss catering details"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Choudhry Mateen Caterers"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
