"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Reserve Your Table",        href: "#contact"}}
      brandName="Melo Dakar"
      brandNameClassName="text-[#008B8B]"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="Melo Dakar"
      logoClassName="text-[#008B8B]"
      description="Experience refined elegance, generous portions, and impeccable service in our thoughtfully curated brunch sanctuary. From signature American brunches to artisanal pastries, every moment is crafted for you."
      buttons={[
        {
          text: "Reserve Your Table Now",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/white-nature-hotel-travel-beautiful_1203-4841.jpg"
      imageAlt="Elegant luxury restaurant interior during brunch"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Our Story & Vision"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Artisanal Cocktails",          description: "Our mixologists craft signature cocktails, blending local flavors with international spirits for a refreshing twist.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185358.jpg",          imageAlt: "Artisanal brunch cocktail"},
        {
          title: "Gourmet Pastries",          description: "Indulge in our selection of freshly baked artisanal pastries, from flaky croissants to decadent tarts, all made in-house.",          imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-tasty-dessert-close-up_23-2148516919.jpg",          imageAlt: "Assorted gourmet pastries"},
        {
          title: "Impeccable Service",          description: "Our dedicated team provides attentive and personalized service, ensuring every visit is seamless and memorable.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-silver-cutlery-wooden-wall_140725-12960.jpg",          imageAlt: "Elegant table setting"},
      ]}
      title="A Brunch Experience Beyond Compare"
      description="Discover what makes Melo Dakar the premier destination for discerning diners and social epicures alike."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "dish-1",          name: "Eggs Benedict Royale",          price: "$25",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/marble-plate-with-boiled-egg-toast-high-quality-photo_114579-26212.jpg",          imageAlt: "Eggs Benedict with hollandaise sauce"},
        {
          id: "dish-2",          name: "Melo's Fluffy Pancakes",          price: "$22",          variant: "Sweet",          imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-stack-pancakes-with-red-berries-plate-near-tea-pitcher_181624-2196.jpg",          imageAlt: "Stack of fluffy pancakes with berries"},
        {
          id: "dish-3",          name: "Smoked Salmon Bagel",          price: "$28",          variant: "Savory",          imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-bruschetta-with-avocado-served-with-lemon_140725-1621.jpg",          imageAlt: "Smoked salmon bagel with cream cheese"},
        {
          id: "dish-4",          name: "Avocado Toast with Poached Egg",          price: "$20",          variant: "Healthy",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-arrangement_23-2149186014.jpg",          imageAlt: "Avocado toast with a perfectly poached egg"},
        {
          id: "dish-5",          name: "Steak & Eggs",          price: "$35",          variant: "Hearty",          imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-vegetables-sour-cream_7502-7084.jpg",          imageAlt: "Grilled steak with sunny-side-up eggs"},
        {
          id: "dish-6",          name: "Exotic Fruit Platter",          price: "$18",          variant: "Fresh",          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-figs-bowl-with-strawberries_176474-28142.jpg",          imageAlt: "Colorful platter of exotic fruits"},
      ]}
      title="Our Exquisite Brunch Menu"
      description="Explore our diverse culinary offerings, from classic brunch favorites to unique, artisanal creations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Aïsha Diallo",          handle: "@AishaDakar",          testimonial: "Melo Dakar is an absolute gem! The ambiance, the service, and especially the food are simply divine. The best brunch spot in Dakar, hands down.",          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19470.jpg",          imageAlt: "Aïsha Diallo portrait"},
        {
          id: "t2",          name: "Omar Ndiaye",          handle: "@OmarFoodie",          testimonial: "Every dish is a masterpiece. I brought my family for a weekend brunch, and everyone loved their meal. The portions are generous, and the quality is outstanding.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-standing-blue-background-with-hands-together-crossed-fingers-smiling-relaxed-cheerful-success-optimistic_839833-16124.jpg",          imageAlt: "Omar Ndiaye portrait"},
        {
          id: "t3",          name: "Fatou Sow",          handle: "@FatouLifestyle",          testimonial: "A truly elegant experience! Perfect for business brunches or a luxurious treat. The attention to detail is remarkable, and the coffee is superb.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg",          imageAlt: "Fatou Sow portrait"},
        {
          id: "t4",          name: "Dr. Ben Traoré",          handle: "@DrBenDakar",          testimonial: "As a busy professional, efficiency and quality are paramount. Melo Dakar consistently delivers both with an exquisite menu and flawless service. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2738.jpg",          imageAlt: "Dr. Ben Traoré portrait"},
        {
          id: "t5",          name: "Nafissatou Fall",          handle: "@NafisFall",          testimonial: "The atmosphere is so welcoming, and the food is incredibly photogenic! I love sharing my Melo Dakar moments with my followers. It’s always a delightful visit.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-black-girl_641386-521.jpg",          imageAlt: "Nafissatou Fall portrait"},
      ]}
      title="What Our Guests Say"
      description="Hear from our cherished patrons about their unforgettable experiences at Melo Dakar."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Dakar Culinary",        "Luxury Living Magazine",        "Dakar Lifestyle Blog",        "Gourmet Africa",        "The Brunch Connoisseur",        "Hotel Excellence",        "Senegal Tourism Board"]}
      title="Trusted by Patrons and Partners"
      description="Our commitment to excellence has earned us recognition and strong relationships within the community, fostering a reputation for quality and luxury."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      text="Ready to Indulge? Reserve Your Table Today."
      buttons={[
        {
          text: "Make a Reservation",          href: "mailto:reservations@melodakar.com"},
        {
          text: "View Location",          href: "https://maps.google.com/?q=Melo+Dakar+Restaurant"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Melo Dakar",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Reservations",              href: "#contact"},
          ],
        },
        {
          title: "Follow Us",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/melodakar"},
            {
              label: "Facebook",              href: "https://facebook.com/melodakar"},
            {
              label: "Twitter",              href: "https://twitter.com/melodakar"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "info@melodakar.com",              href: "mailto:info@melodakar.com"},
            {
              label: "+221 33 000 0000",              href: "tel:+221330000000"},
            {
              label: "123 Elegance Avenue, Dakar",              href: "https://maps.google.com/?q=123+Elegance+Avenue,+Dakar"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Melo Dakar. All rights reserved."
      bottomRightText="Privacy Policy"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}