"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Coffee, Smile } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Menu",          id: "products"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="The GrG Bakery"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "plain"}}
      logoText="The GrG Bakery"
      description="Authentic flavours, artisan techniques, and the heart of Lalitpur's pastry scene."
      buttons={[
        {
          text: "View Menu",          href: "#products"},
        {
          text: "Contact Us",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/couple-wearing-aprons-coffee-shop_23-2148366647.jpg"
      imageAlt="artisanal bakery display case pastries"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="A Tradition of Taste"
      metrics={[
        {
          icon: Award,
          label: "Years Active",          value: "5+"},
        {
          icon: Coffee,
          label: "Pastries Daily",          value: "200+"},
        {
          icon: Smile,
          label: "Happy Customers",          value: "1000s"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Triple Chocolate Cake",          price: "Rs 350",          imageSrc: "http://img.b2bpic.net/free-photo/piece-chocolate-truffle-cake-wooden-table_123827-19782.jpg",          imageAlt: "gourmet chocolate cake slice display"},
        {
          id: "2",          name: "Swiss Roll",          price: "Rs 150",          imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-raspberry-cake-roll_114579-62635.jpg",          imageAlt: "fresh swiss roll pastry dessert"},
        {
          id: "3",          name: "Artisan Cookies",          price: "Rs 80",          imageSrc: "http://img.b2bpic.net/free-photo/jar-biscuits-sweeties_114579-5791.jpg",          imageAlt: "delicious chocolate chip cookies pile"},
        {
          id: "4",          name: "Red Velvet Cake",          price: "Rs 320",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-tasty-cake-decorated-with-cream-currant-blue-plate-colorful-background_140725-94636.jpg",          imageAlt: "red velvet cake slice elegant"},
        {
          id: "5",          name: "Fresh Brew Coffee",          price: "Rs 120",          imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4900.jpg",          imageAlt: "hot fresh latte coffee cup"},
        {
          id: "6",          name: "Breakfast Danish",          price: "Rs 180",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-alfajores-arrangement_23-2148740231.jpg",          imageAlt: "assorted gourmet bakery pastries tray"},
      ]}
      title="Our Signature Creations"
      description="From decadent cakes to fresh Swiss rolls, discover our fan favourites."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Incredible Cakes",          quote: "The triple chocolate cake is to die for!",          name: "Salil Timalsina",          role: "Local Guide",          imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",          imageAlt: "happy customer smiling portrait"},
        {
          id: "2",          title: "Affordable Gems",          quote: "Extremely affordable rates and amazing flavours.",          name: "Abhinav Joshi",          role: "Nepali Food Traveller",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273239.jpg",          imageAlt: "smiling young adult portrait"},
        {
          id: "3",          title: "Highly Recommend",          quote: "The cakes were delicious and delivery always on time.",          name: "Pratikshya Limbu",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",          imageAlt: "happy middle aged woman portrait"},
        {
          id: "4",          title: "Amazing Red Velvet",          quote: "Quality comparable to a high-end bakery in the UK.",          name: "Ri Limbu",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893781.jpg",          imageAlt: "happy young man portrait smiling"},
        {
          id: "5",          title: "Great Vibes",          quote: "A chill place with high-quality treats.",          name: "Saksham",          role: "Foodie",          imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",          imageAlt: "smiling professional woman portrait"},
      ]}
      title="What Our Community Says"
      description="Loved by locals, celebrated in Lalitpur."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "4.2",          description: "Google Rating"},
        {
          id: "m2",          value: "2432",          description: "Happy Reviews"},
        {
          id: "m3",          value: "1-500",          description: "Budget Friendly (Rs)"},
      ]}
      title="Bakery at a Glance"
      description="Celebrating our journey through numbers and community love."
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Facebook",        "Instagram",        "Google Maps",        "Food Traveller",        "Local Guide",        "Daily Food",        "Cafe Lovers"]}
      title="Find Us Online"
      description="Stay connected with our daily specials and community updates."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Where is the bakery located?",          content: "We are located at M828+JV3, Lalitpur 44700."},
        {
          id: "q2",          title: "What are your opening hours?",          content: "We are open daily and close at 8 PM."},
        {
          id: "q3",          title: "Do you offer delivery?",          content: "Yes, we provide timely delivery services for our cake orders."},
        {
          id: "q4",          title: "Is it a good place to dine in?",          content: "Yes, our ambience is chilled and perfect for hanging out with friends."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find answers to our most popular inquiries."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit or Order With Us"
      description="Reach out to reserve your cake or get in touch for queries."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name"},
        {
          name: "email",          type: "email",          placeholder: "Email Address"},
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your order or query...",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/female-carrier-letting-fastfood-order-package-front-door-client-picking-up-paperbag-with-restaurant-lunch-takeaway-service-courier-delivering-food-covid-19-pandemic-wearing-facemask_482257-60677.jpg"
      imageAlt="bakery storefront exterior warm lighting"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Bakery",          items: [
            {
              label: "Menu",              href: "#products"},
            {
              label: "About",              href: "#about"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="The GrG Bakery"
      copyrightText="© 2025 The GrG Bakery | Lalitpur"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
