"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SplitAboutFeatures from '@/components/sections/about/SplitAboutFeatures';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactMedia from '@/components/sections/contact/ContactMedia';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Award, Coffee, Facebook, Heart, Instagram, Leaf, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="large"
      background="none"
      cardStyle="elevated-accent"
      primaryButtonStyle="flat"
      secondaryButtonStyle="minimal"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Bean & Brew"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Welcome to Bean & Brew"
          description="Discover the perfect blend of artisan coffee, warm ambiance, and community spirit"
          tag="Premium Coffee Experience"
          buttons={[
            { text: "Explore Our Menu", href: "features" },
            { text: "Visit Us Today", href: "contact" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530231801-po58g7w8.jpg",
              imageAlt: "Cozy coffee shop interior"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530233349-fy0mnxgx.jpg",
              imageAlt: "Specialty espresso drink with latte art"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530234617-kkzfdu85.jpg",
              imageAlt: "Premium coffee beans"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530236019-8qais6ek.jpg",
              imageAlt: "Professional barista crafting coffee"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530237864-8iyttdv4.jpg",
              imageAlt: "Relaxing seating area"
            }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <SplitAboutFeatures
          title="Our Story"
          features={[
            {
              text: "Sourced from the finest coffee farms around the world, our beans are roasted fresh daily",
              icon: Coffee
            },
            {
              text: "Our skilled baristas craft each cup with precision and passion to deliver perfection",
              icon: Award
            },
            {
              text: "A warm, inviting space where friends gather, ideas flow, and connections are made",
              icon: Heart
            },
            {
              text: "Committed to sustainable practices and supporting coffee farming communities globally",
              icon: Leaf
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardThree
          title="Our Specialties"
          description="Experience coffee crafted with care and attention to every detail"
          tag="Menu Highlights"
          features={[
            {
              id: "01",
              title: "Premium Espresso",
              description: "Rich, bold espresso shots pulled from our finest single-origin beans",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530240267-esifveh3.jpg"
            },
            {
              id: "02",
              title: "Signature Lattes",
              description: "Creamy steamed milk paired with perfectly extracted espresso and artistic latte art",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530242321-kcjg4mzr.jpg"
            },
            {
              id: "03",
              title: "Seasonal Specials",
              description: "Limited edition flavors that change with the season to celebrate fresh ingredients",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530244485-qmfgtflk.jpg"
            },
            {
              id: "04",
              title: "Cold Brew Perfection",
              description: "Smooth, refreshing cold brew made with our signature blend for warm days",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530248619-vhxui29g.jpg"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Baristas"
          description="The passionate people behind every perfect cup"
          tag="Expert Baristas"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          team={[
            {
              id: "1",
              name: "Sarah Martinez",
              role: "Head Barista",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530251511-vwxoxkjt.jpg"
            },
            {
              id: "2",
              name: "James Chen",
              role: "Latte Artist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530253669-j2rilwzl.jpg"
            },
            {
              id: "3",
              name: "Emma Thompson",
              role: "Brew Master",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530256529-j6tks1d1.jpg"
            },
            {
              id: "4",
              name: "Marco Rossi",
              role: "Espresso Specialist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530260707-kfsz9r2w.jpg"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real experiences from our coffee-loving community"
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",
              name: "Jennifer Blake",
              handle: "@jenniferblake",
              testimonial: "The best coffee I have ever tasted. The baristas are friendly and the atmosphere is absolutely perfect for working or relaxing with friends.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530262705-wvwjxnfd.jpg"
            },
            {
              id: "2",
              name: "Michael Torres",
              handle: "@mtorres_coffee",
              testimonial: "Bean & Brew has become my daily spot. Consistent quality, amazing specialty drinks, and a community that feels like home.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530264558-wq571ffr.jpg"
            },
            {
              id: "3",
              name: "Lisa Park",
              handle: "@lisapark_design",
              testimonial: "Finally found a coffee shop that takes pride in their craft. Every visit is a new experience with their rotating specialty menu.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530266243-w8j7yp32.jpg"
            },
            {
              id: "4",
              name: "David Anderson",
              handle: "@davidanderson",
              testimonial: "The attention to detail in every cup is remarkable. These are real coffee artisans who genuinely care about quality.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530267634-bjjuwc57.jpg"
            },
            {
              id: "5",
              name: "Sophie Dubois",
              handle: "@sophiedubois",
              testimonial: "A truly special place. Great coffee, wonderful people, and an inviting space that keeps me coming back.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530262705-wvwjxnfd.jpg"
            },
            {
              id: "6",
              name: "Robert Walsh",
              handle: "@robertw",
              testimonial: "This is what a modern coffee shop should be. Quality product, knowledgeable staff, and genuine hospitality.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530264558-wq571ffr.jpg"
            }
          ]}
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Partnered with the finest coffee producers and suppliers worldwide"
          tag="Our Partners"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530269185-kr5frdqz.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530270964-bbgci1n0.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530272139-lrb722sy.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530273320-xvosar6z.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530274936-ing29b7i.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530276116-thagnc61.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530277549-j0iv5hkh.jpg"
          ]
          speed={40}
          showCard={true}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about Bean & Brew"
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What are your operating hours?",
              content: "We are open Monday through Friday from 6:00 AM to 8:00 PM, Saturday from 7:00 AM to 9:00 PM, and Sunday from 8:00 AM to 6:00 PM. We're closed on major holidays."
            },
            {
              id: "2",
              title: "Do you offer WiFi for customers?",
              content: "Yes, we provide free high-speed WiFi for all our customers. Just ask any barista for the password when you visit."
            },
            {
              id: "3",
              title: "Can I order online or for delivery?",
              content: "Currently, we focus on in-shop experiences to ensure quality and freshness. However, we are developing an online ordering system for pickup that will launch soon."
            },
            {
              id: "4",
              title: "Do you have options for dietary restrictions?",
              content: "Absolutely! We offer oat, almond, and coconut milk alternatives. We also have decaf options and can accommodate various dietary preferences. Talk to our baristas about your specific needs."
            },
            {
              id: "5",
              title: "Where do you source your coffee?",
              content: "Our beans are sourced from ethically managed farms across Central and South America, East Africa, and Southeast Asia. We prioritize fair trade and sustainable practices."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530279213-ojt6a8qi.jpg"
          imageAlt="Visit our welcoming coffee shop"
          buttons={[
            { text: "Get Directions", href: "#" },
            { text: "Call Us", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Bean & Brew"
          copyrightText="© Bean & Brew, Inc. 2025. All rights reserved."
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Coffee",
              items: [
                { label: "Menu", href: "features" },
                { label: "Our Blend", href: "features" },
                { label: "Beans Store", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact", href: "contact" },
                { label: "Locations", href: "contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Visit our Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Visit our Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Visit our Twitter"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}