"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 FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Coffee, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Gallery",
          id: "gallery",
        },
        {
          name: "Find Us",
          id: "find-us",
        },
        {
          name: "Reviews",
          id: "reviews",
        },
      ]}
      brandName="Roastery Café"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Where Every Cup Tells a Story"
      description="Crafted brews, cozy corners, and a menu designed to make every visit unforgettable. Welcome to Ravet's favourite café."
      tag="Est. in Ravet, Pune"
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Find Us",
          href: "#find-us",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/attractive-barista-uniform-is-prepairing-coffee-customers-using-new-coffee-maker_613910-17373.jpg",
          alt: "Attractive barista in uniform",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-male-barista-preparing-coffee_23-2148824431.jpg",
          alt: "Side view of barista",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170368.jpg",
          alt: "Watercolor painting",
        },
        {
          src: "http://img.b2bpic.net/free-photo/person-with-futuristic-robotic-body-part_23-2151401398.jpg",
          alt: "Abstract robotic part",
        },
        {
          src: "http://img.b2bpic.net/free-photo/coffee-business-concept-positive-young-bearded-man-beautiful-attractive-lady-barista-couple-apron-looking-camera-while-standing-bar-counter_1258-104241.jpg",
          alt: "Barista couple",
        },
      ]}
      avatarText="Join our community of coffee lovers"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "More Than Coffee — It's a Feeling",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/cookies-fresh-coffee-made-from-coffee-beans_23-2148326705.jpg",
          alt: "Café Interior",
        },
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Espresso",
          price: "₹120",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-coffee-into-cup_23-2148420316.jpg",
        },
        {
          id: "p2",
          name: "Cold Brew",
          price: "₹220",
          imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg",
        },
        {
          id: "p3",
          name: "Croissant",
          price: "₹150",
          imageSrc: "http://img.b2bpic.net/free-photo/two-delicious-sandwiches-with-spinach_23-2148465131.jpg",
        },
        {
          id: "p4",
          name: "Brownie",
          price: "₹130",
          imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake_1232-2719.jpg",
        },
        {
          id: "p5",
          name: "Café Latte",
          price: "₹190",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-2971.jpg",
        },
        {
          id: "p6",
          name: "Iced Mocha",
          price: "₹230",
          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-delicious-matcha-latte-flower-art-cup-saucer-white-background_23-2148067011.jpg",
        },
      ]}
      title="Signature Menu"
      description="A curated selection of artisanal brews and fresh bites."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{
        items: [
          "No rushed service",
          "Not just another chain",
        ],
      }}
      positiveCard={{
        items: [
          "Premium specialty coffee",
          "Warm, welcoming atmosphere",
          "Late night opening hours",
        ],
      }}
      title="Why Choose Us"
      description="Experience excellence in every detail of your visit."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          title: "Google Rating",
          value: "4.9+",
          icon: Star,
        },
        {
          id: "m2",
          title: "Satisfied Guests",
          value: "1000+",
          icon: Users,
        },
        {
          id: "m3",
          title: "Fresh Daily",
          value: "100%",
          icon: Coffee,
        },
      ]}
      title="Our Impact"
      description="Serving quality in every cup."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Aditya K.",
          role: "Regular",
          company: "Student",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6785.jpg",
        },
        {
          id: "2",
          name: "Priya M.",
          role: "Local",
          company: "Professional",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg",
        },
        {
          id: "3",
          name: "Rahul S.",
          role: "Regular",
          company: "Artist",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-business-happy-hipster-cafe_1303-2342.jpg",
        },
        {
          id: "4",
          name: "Sneha P.",
          role: "Visitor",
          company: "Creative",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-lady-browsing-internet-cafe_1153-7402.jpg",
        },
        {
          id: "5",
          name: "Tejas B.",
          role: "Fan",
          company: "Enthusiast",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-showing-cup-coffee-looking-camera_23-2148229385.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "4.9",
          label: "Average Rating",
        },
        {
          value: "39+",
          label: "Total Reviews",
        },
        {
          value: "100%",
          label: "Happiness",
        },
      ]}
      title="Guest Testimonials"
      description="Don't just take our word for it."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer takeaways?",
          content: "Yes, all items are available for takeaway.",
        },
        {
          id: "f2",
          title: "Are you open late?",
          content: "We stay open daily until 10:30 PM.",
        },
        {
          id: "f3",
          title: "Where are you located?",
          content: "We are on SB Patil College Road, Ravet.",
        },
      ]}
      title="Common Questions"
      description="Everything you need to know about our cafe."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit Us Today"
      description="Come experience the best coffee in Ravet."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Special request or reservation details?",
        rows: 4,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/woman-with-smartphone-ordering-coffee_23-2148581190.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#menu",
            },
          ],
        },
        {
          items: [
            {
              label: "Find Us",
              href: "#find-us",
            },
            {
              label: "Reviews",
              href: "#reviews",
            },
          ],
        },
        {
          items: [
            {
              label: "Call Us",
              href: "tel:09588622867",
            },
            {
              label: "Maps",
              href: "https://maps.google.com",
            },
          ],
        },
      ]}
      logoText="Roastery Café"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
