"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Coffee, Heart, Laptop, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Community",          id: "#community"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/coffee-lover-desktop-wallpaper-background-with-cute-wording_53876-165516.jpg"
      logoAlt="Good Vibes Coffee Shop Logo"
      brandName="Good Vibes Coffee Shop"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Good Vibes in Every Sip."
      description="Experience a magical blend of premium specialty coffee and rich Moroccan hospitality, where every visit feels like a warm embrace."
      tag="Welcome"
      buttons={[
        {
          text: "Explore Our Menu",          href: "#menu"},
        {
          text: "Find Our Space",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg",          imageAlt: "cozy coffee shop interior warm lighting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/bar-concept-with-barman-making-coffee_23-2147798030.jpg",          imageAlt: "barista pouring latte art close up"},
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Over 1,000 Happy Customers"
      tagIcon={Heart}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Our Story & Cultural Blend"
      metrics={[
        {
          icon: Coffee,
          label: "Passion for Brewing",          value: "Since 2020"},
        {
          icon: Sparkles,
          label: "Moroccan Hospitality",          value: "Authentic 'Atay' Welcome"},
        {
          icon: Laptop,
          label: "Modern Comforts",          value: "Work & Unwind"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Specialty Coffee",          description: "From classic Espresso to our signature Orange Blossom Latte and velvety Flat Whites, expertly prepared by our baristas.",          imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-glass-wooden-table_1150-13458.jpg",          imageAlt: "Specialty Espresso coffee"},
        {
          title: "Orange Blossom Latte",          description: "A delicate blend of premium coffee infused with the subtle, aromatic essence of orange blossom. A refreshing and unique taste.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-flower-composition_23-2147760513.jpg",          imageAlt: "Orange Blossom Latte with latte art"},
        {
          title: "Moroccan Mint Tea",          description: "Our refreshing traditional Moroccan Mint Tea, prepared with fresh mint leaves and green tea, a symbol of hospitality.",          imageSrc: "http://img.b2bpic.net/free-photo/black-tea-armudu-glass-table_140725-2346.jpg",          imageAlt: "Traditional Moroccan Mint Tea being poured"},
        {
          title: "Spiced Moroccan Coffee",          description: "A unique, invigorating coffee infused with warm cinnamon and ginger, offering a comforting and exotic flavor profile.",          imageSrc: "http://img.b2bpic.net/free-photo/cup-milk-coffee-with-coffee-beans-orange-slices-book-high-quality-photo_114579-67841.jpg",          imageAlt: "Spiced Moroccan coffee with cinnamon stick"},
      ]}
      title="Our Exquisite Drink Menu"
      description="Experience a magical blend of premium specialty coffee and rich Moroccan hospitality, crafted to delight your senses."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "prod-1",          brand: "Good Vibes",          name: "Ethically Sourced Coffee Beans",          price: "$18.00",          rating: 5,
          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-95410.jpg",          imageAlt: "Bag of ethically sourced coffee beans"},
        {
          id: "prod-2",          brand: "Good Vibes",          name: "Modern Almond Gazelle Horns",          price: "$12.00",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-arab-pastries_23-2147796799.jpg",          imageAlt: "Modern Moroccan almond pastries"},
        {
          id: "prod-3",          brand: "Good Vibes",          name: "Handcrafted Clay Mug",          price: "$25.00",          rating: 5,
          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-cup-tea-hands_169016-3431.jpg",          imageAlt: "Handcrafted clay mug"},
        {
          id: "prod-4",          brand: "Good Vibes",          name: "Zellige Patterned Coasters (Set of 4)",          price: "$30.00",          rating: 5,
          reviewCount: "80",          imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641450.jpg",          imageAlt: "Set of Zellige patterned coasters"},
        {
          id: "prod-5",          brand: "Good Vibes",          name: "Traditional Moroccan Tea Set",          price: "$75.00",          rating: 5,
          reviewCount: "60",          imageSrc: "http://img.b2bpic.net/free-photo/tray-moorish-tea-with-grapes_23-2148193482.jpg",          imageAlt: "Traditional Moroccan tea set"},
        {
          id: "prod-6",          brand: "Good Vibes",          name: "Artisanal Copper Cezve (Ibrik)",          price: "$40.00",          rating: 5,
          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-turk-with-coffee-blurred-background_169016-15144.jpg",          imageAlt: "Artisanal copper Cezve"},
      ]}
      title="Featured Good Vibes Products"
      description="Take the good vibes home with our curated selection of ethically sourced beans, artisanal pastries, and handcrafted pottery."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "Regular Customer",          company: "Local Resident",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-684.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          role: "Freelancer",          company: "Creative Hub",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/casual-business-man-freelancer-planning-his-work-notebook-working-laptop-computer-with-smart-phone-cup-coffee-table-coffee-shop-home-office-working-from-cafe-concept_639032-2622.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director",          company: "GrowthCo",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-young-stylish-women-sitting-cafe_285396-3296.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          role: "Product Manager",          company: "StartupXYZ",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-reading-book-cafe_23-2150064709.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Jessica Lee",          role: "Food Blogger",          company: "Taste Explorers",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138288.jpg",          imageAlt: "Jessica Lee"},
        {
          id: "6",          name: "Omar Hassan",          role: "Community Leader",          company: "Local Artisan Guild",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-business-man-cafe-works-laptop-drinks-coffee_1321-1440.jpg",          imageAlt: "young attractive business man in a cafe works for a laptop, drinks coffee."},
      ]}
      kpiItems={[
        {
          value: "4.9/5",          label: "Avg. Rating"},
        {
          value: "1000+",          label: "Reviews"},
        {
          value: "500+",          label: "Daily Visitors"},
      ]}
      title="What Our Customers Say"
      description="Hear from our cherished community about their 'Good Vibes' moments and why they love our coffee shop."
    />
  </div>

  <div id="community" data-section="community">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Moroccan Crafts Cooperative",        "Local Mint Farms",        "Artisan Pottery Collective",        "Ethical Coffee Traders",        "Community Youth Programs",        "Sustainable Initiative Group",        "Traditional Pastry Makers"]}
      title="Building a Better Community"
      description="We proudly partner with local Moroccan cooperatives, supporting sustainable practices and artisanal craftsmanship that enrich our community."
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Do you have high-speed Wi-Fi and workspaces?",          content: "Yes, we offer free high-speed Wi-Fi and ample power outlets, making us the perfect spot to study, work, or relax."},
        {
          id: "faq-2",          title: "Are there vegan milk alternatives?",          content: "Absolutely! We proudly offer a selection of vegan milk alternatives, including almond, oat, and soy milk, for all our beverages."},
        {
          id: "faq-3",          title: "What are your operating hours?",          content: "Good Vibes Coffee Shop is open daily from 7:00 AM to 11:00 PM, ready to serve you from your morning brew to your late-night treat."},
        {
          id: "faq-4",          title: "Do you offer catering for events?",          content: "Yes, we offer catering services for private events and gatherings. Please contact us for more details and custom menu options."},
        {
          id: "faq-5",          title: "Can I reserve a table or a private area?",          content: "We offer limited reservations for larger groups or special occasions. Please reach out to our team to discuss your needs."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our coffee shop, services, and offerings."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Get in Touch with Good Vibes Coffee Shop"
      buttons={[
        {
          text: "Call Us: +123 456 7890",          href: "tel:+1234567890"},
        {
          text: "Email Us: info@goodvibes.com",          href: "mailto:info@goodvibes.com"},
        {
          text: "Book an Event",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Good Vibes Coffee Shop"
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Specialty Coffee",              href: "#menu"},
            {
              label: "Traditional Brews",              href: "#menu"},
            {
              label: "Pastries",              href: "#products"},
            {
              label: "Merchandise",              href: "#products"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Community",              href: "#community"},
            {
              label: "FAQs",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/goodvibescoffee"},
            {
              label: "TikTok",              href: "https://tiktok.com/goodvibescoffee"},
            {
              label: "Pinterest",              href: "https://pinterest.com/goodvibescoffee"},
            {
              label: "Newsletter",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Good Vibes Coffee Shop | All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
