"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Star, Utensils, ChefHat } from "lucide-react";

export default function LandscapingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            brandName="Grandioz Restaurant"
            navItems={[
              { name: "Our Offerings", id: "#offerings" },
              { name: "Our Story", id: "#about" },
              { name: "Our Team", id: "#team" },
              { name: "Reviews", id: "#testimonials" },
              { name: "Reservations", id: "/reservations" }
            ]}
            button={{ text: "Book a Table", href: "/reservations" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            tag="Exquisite Dining in Bucharest"
            tagIcon={Star}
            title="Experience Grandioz Restaurant: A Culinary Journey"
            description="Discover unparalleled elegance, exceptional cuisine, and impeccable service in the heart of Bucharest. Perfect for professionals, couples, and event hosts."
            buttons={[
              { text: "Make a Reservation", href: "/reservations" },
              { text: "Our Offerings", href: "#offerings" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/hero-restaurant.jpg"
            imageAlt="Elegant restaurant interior with fine dining setup"
            showDimOverlay={true}
            textPosition="top"
            testimonials={[
              {
                name: "Maria Ionescu",                handle: "Frequent Diner",                testimonial: "Grandioz offers an unforgettable dining experience. The ambiance and flavors are simply magnificent!",                rating: 5,
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",                imageAlt: "Maria Ionescu"},
              {
                name: "Alex Popa",                handle: "Event Host",                testimonial: "We hosted our company event here, and the team exceeded all expectations. Flawless service!",                rating: 5,
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",                imageAlt: "Alex Popa"},
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            tag="Our Story"
            tagIcon={Star}
            tagAnimation="slide-up"
            title="Grandioz Restaurant is a beacon of culinary excellence, crafting unforgettable dining experiences for over a decade in Bucharest."
            description="Chef Elena Popescu, Founder"
            subdescription="Established 2013"
            icon={Utensils}
            videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/about-video.mp4"
            mediaAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="offerings" data-section="offerings">
          <FeatureCardNineteen
            tag="Our Offerings"
            tagIcon={ChefHat}
            title="Savor the Grandioz Experience"
            description="From intimate dinners to grand celebrations, we cater to every culinary desire."
            buttonAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            imageContainerClassName="!rotate-0 !aspect-square"
            features={[
              {
                tag: "Dining",                title: "Fine Dining",                subtitle: "Exquisite Cuisine",                description: "Indulge in a menu crafted with the finest ingredients and artistic flair, perfect for any occasion.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-1.jpg",                imageAlt: "Fine dining plate"},
              {
                tag: "Events",                title: "Private Events",                subtitle: "Unforgettable Celebrations",                description: "Host your special moments with us – from corporate gatherings to intimate weddings, tailored to perfection.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-2.jpg",                imageAlt: "Private event setup"},
              {
                tag: "Wine",                title: "Sommelier Selection",                subtitle: "Curated Cellar",                description: "Explore our extensive wine list, expertly paired by our sommelier to enhance your meal.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-3.jpg",                imageAlt: "Wine cellar"},
              {
                tag: "Ambiance",                title: "Rooftop Terrace",                subtitle: "Panoramic Views",                description: "Enjoy breathtaking views of Bucharest from our elegant rooftop terrace, perfect for drinks and light bites.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-4.jpg",                imageAlt: "Rooftop terrace view"},
            ]}
          />
        </div>

        <div id="our-philosophy" data-section="our-philosophy">
          <TeamCardSix
            title="Our Culinary Philosophy"
            description="The principles that guide our kitchen and service."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Exquisite Ingredients",                role: "Sourcing the finest local and international produce for unparalleled taste.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-6.jpg",                imageAlt: "Fresh ingredients"},
              {
                id: "2",                name: "Artistic Presentation",                role: "Every dish is a masterpiece, crafted with precision and passion.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-7.jpg",                imageAlt: "Artistic food presentation"},
              {
                id: "3",                name: "Impeccable Service",                role: "Attentive and personalized service, anticipating your every need.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-8.jpg",                imageAlt: "Elegant restaurant service"},
            ]}
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardOne
            tag="Our Visionaries"
            title="Meet the Grandioz Team"
            description="The passionate individuals dedicated to your extraordinary dining experience."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Chef Elena Popescu",                role: "Head Chef",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-11.jpg",                imageAlt: "Chef Elena Popescu"},
              {
                id: "2",                name: "Matei Dragan",                role: "Sommelier",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-10.jpg",                imageAlt: "Matei Dragan"},
              {
                id: "3",                name: "Andreea Vasile",                role: "Restaurant Manager",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-9.jpg",                imageAlt: "Andreea Vasile"},
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            cardTag="Raved by Diners"
            cardTagIcon={Star}
            cardTitle="Hear from our esteemed guests and discover why Grandioz is Bucharest's top dining destination."
            buttons={[{ text: "Make a Reservation", href: "/reservations" }]}
            buttonAnimation="slide-up"
            cardAnimation="slide-up"
            useInvertedBackground={false}
            testimonials={[
              {
                id: "1",                name: "Maria Ionescu",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-10.jpg",                imageAlt: "Maria Ionescu"},
              {
                id: "2",                name: "Alex Popa",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-11.jpg",                imageAlt: "Alex Popa"},
              {
                id: "3",                name: "Sofia Dumitrescu",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-4.jpg",                imageAlt: "Sofia Dumitrescu"},
              {
                id: "4",                name: "Dragoș Marinescu",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-9.jpg",                imageAlt: "Dragoș Marinescu"},
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            tag="FAQ"
            title="Your Questions, Our Answers"
            description="Everything you need to know about dining at Grandioz Restaurant."
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1",                title: "How far in advance should I make a reservation?",                content: "We recommend booking at least 1-2 weeks in advance for weekend dinners and special occasions. For large groups or private events, please inquire 1-2 months ahead."},
              {
                id: "2",                title: "Is there a dress code?",                content: "Grandioz Restaurant maintains an elegant casual dress code. Smart attire is appreciated, and jackets are recommended for gentlemen during dinner service."},
              {
                id: "3",                title: "Do you accommodate dietary restrictions?",                content: "Yes, our culinary team is happy to accommodate most dietary restrictions and allergies. Please inform us of any requirements when making your reservation."},
              {
                id: "4",                title: "Can I book a private event or large group dinner?",                content: "Absolutely! We have several private dining spaces perfect for events of all sizes. Please contact our events team via the 'Book a Table' button or direct email to discuss your needs."},
              {
                id: "5",                title: "Is parking available?",                content: "Valet parking is available for all our guests. There are also several public parking options within a short walking distance."},
              {
                id: "6",                title: "What is your cancellation policy?",                content: "Cancellations or changes to your reservation must be made at least 24 hours in advance. Late cancellations or no-shows may incur a fee."},
            ]}
          />
        </div>

        <div id="book-a-table" data-section="book-a-table">
          <ContactSplitForm
            title="Book Your Unforgettable Dining Experience"
            description="Reserve your table at Grandioz Restaurant. We look forward to welcoming you."
            useInvertedBackground={true}
            mediaAnimation="none"
            buttonText="Confirm Reservation"
            contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
            mediaWrapperClassName="hidden"
            inputs={[
              { name: "name", type: "text", placeholder: "Full Name", required: true },
              { name: "email", type: "email", placeholder: "Email Address", required: true },
              { name: "phone", type: "tel", placeholder: "Phone Number" },
              { name: "date", type: "date", placeholder: "Date", required: true },
              { name: "time", type: "time", placeholder: "Time", required: true }
            ]}
            multiSelect={{
              name: "guests",              label: "Number of Guests",              options: ["1", "2", "3", "4", "5", "6", "7-10", "10+ (Private Event)"],
            }}
            textarea={{ name: "message", placeholder: "Special Requests (Dietary, Occasion, etc.)", rows: 4, required: false }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Our Offerings",                items: [
                  { label: "Fine Dining", href: "#offerings" },
                  { label: "Private Events", href: "#offerings" },
                  { label: "Sommelier Selection", href: "#offerings" },
                  { label: "Rooftop Terrace", href: "#offerings" },
                ],
              },
              {
                title: "Grandioz",                items: [
                  { label: "Our Story", href: "#about" },
                  { label: "Our Team", href: "#team" },
                  { label: "Reviews", href: "#testimonials" },
                  { label: "FAQ", href: "#faq" },
                ],
              },
              {
                title: "Reservations",                items: [
                  { label: "Book a Table", href: "/reservations" },
                  { label: "+40 712 345 678", href: "tel:+40712345678" },
                  { label: "reservations@grandioz.com", href: "mailto:reservations@grandioz.com" },
                  { label: "Bucharest, Romania" },
                ],
              },
            ]}
            bottomLeftText="© 2026 Grandioz Restaurant"
            bottomRightText="All rights reserved"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}