"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="utopico"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Visit Us",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="utopico"
          description="Artisan coffee crafted with passion. Experience the perfect blend of quality, community, and warmth."
          buttons={[
            { text: "Explore Menu", href: "features" },
            { text: "Find Us", href: "contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
          imageAlt="Utopico Coffee Shop Interior"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Utopico"
          description="We believe coffee is more than a beverage—it's a ritual, a moment of connection, and a celebration of craftsmanship. At Utopico, we source the finest beans from around the world and roast them to perfection, creating a truly exceptional cup in every sip."
          tag="Our Story"
          bulletPoints={[
            {
              title: "Ethically Sourced",              description: "We partner directly with farmers who share our commitment to quality and sustainability."
            },
            {
              title: "Artisan Roasted",              description: "Small-batch roasting brings out the unique character and flavor profile of each origin."
            },
            {
              title: "Community First",              description: "Our café is a space where people gather, connect, and find inspiration in every cup."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg"
          imageAlt="Premium coffee beans"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Our Menu Highlights"
          description="Discover our signature beverages and carefully curated offerings that showcase our dedication to quality."
          features={[
            {
              id: "1",              title: "Signature Espresso Drinks",              author: "Crafted with care",              description: "From smooth lattes to bold cortados, our espresso-based beverages are made with perfectly extracted shots and premium milk alternatives.",              tags: ["Popular", "Customizable"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-coffee-into-cup_23-2148420318.jpg",              imageAlt: "Signature espresso drink"
            },
            {
              id: "2",              title: "Fresh Pastries & Bites",              author: "Baked daily",              description: "Pair your coffee with our artisan pastries, fresh salads, and hearty sandwiches, all prepared fresh each morning.",              tags: ["Fresh", "Daily Special"],
              imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg",              imageAlt: "Fresh pastries and baked goods"
            },
            {
              id: "3",              title: "Cold Brew Specialties",              author: "Summer favorite",              description: "Our smooth cold brew and innovative iced coffee preparations are perfect for warm days and coffee enthusiasts alike.",              tags: ["Refreshing", "Seasonal"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg",              imageAlt: "Cold brew coffee"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Utopico by the Numbers"
          description="A testament to our passion for coffee and community."
          metrics={[
            {
              id: "1",              value: "15+",              title: "Years of Coffee Excellence",              items: ["Trusted by thousands", "Award-winning blends", "Global sourcing"]
            },
            {
              id: "2",              value: "40+",              title: "Single-Origin Coffees",              items: ["Rotating selections", "Small-batch roasts", "Direct trade partnerships"]
            },
            {
              id: "3",              value: "5K+",              title: "Daily Cups Served",              items: ["Community gathering space", "Loyal customer base", "Growing every year"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Love"
          description="Hear from the people who make Utopico their daily ritual."
          testimonials={[
            {
              id: "1",              name: "Maya Rodriguez",              handle: "@mayaloves_coffee",              testimonial: "Utopico has become my morning sanctuary. Every cup is a moment of pure joy, and the team always remembers my order. This is more than a café—it's a community.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Maya Rodriguez"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jcreative_studio",              testimonial: "The quality of the coffee here is exceptional. I've visited coffee shops around the world, and Utopico truly stands out for their attention to detail and passion for their craft.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Sofia Bergström",              handle: "@sofiawrites",              testimonial: "Perfect ambiance for writing and creativity. The coffee fuels my work, and the warm, welcoming atmosphere keeps me coming back. Can't imagine my routine without Utopico.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Sofia Bergström"
            },
            {
              id: "4",              name: "David Park",              handle: "@davidtastes",              testimonial: "The cold brew here is the best I've had anywhere. Clean, smooth, and perfectly balanced. Every element of their service shows they genuinely care about quality.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David Park"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Visit Utopico Today"
          ctaDescription="Stop by for a cup and experience the Utopico difference. We're here to welcome you into our coffee family."
          ctaButton={{
            text: "Get Directions",            href: "https://maps.google.com"
          }}
          ctaIcon={MapPin}
          faqs={[
            {
              id: "1",              title: "What are your hours?",              content: "Monday–Friday: 6:30 AM–7:00 PM | Saturday: 7:00 AM–8:00 PM | Sunday: 8:00 AM–6:00 PM. Closed on major holidays."
            },
            {
              id: "2",              title: "Do you offer online ordering?",              content: "Yes! You can order ahead through our mobile app or website for pickup. This helps us prepare your order just right."
            },
            {
              id: "3",              title: "Are you pet-friendly?",              content: "We love pets! Our outdoor seating area is fully pet-friendly, and we always have water and treats available for your furry friends."
            },
            {
              id: "4",              title: "Can I buy your beans to brew at home?",              content: "Absolutely! We offer whole bean and ground coffee in various roasts. Our staff can help you find the perfect option for your brewing method."
            },
            {
              id: "5",              title: "Do you offer catering or private events?",              content: "Yes, we'd love to cater your event! Contact us directly to discuss your needs and create a custom coffee experience for your guests."
            },
            {
              id: "6",              title: "What alternatives do you offer for dietary restrictions?",              content: "We have oat, almond, soy, and coconut milk available. Many pastries are labeled for common allergens, and our team can guide you on options."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="utopico"
        />
      </div>
    </ThemeProvider>
  );
}