"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Coffee, Award, Users, Globe, Flame, Instagram, Facebook, Twitter, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Friid"
          button={{ text: "Contact", href: "contact" }}
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Stories", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Crafted Coffee, Shared Moments"
          description="Experience the art of specialty coffee. From ethically sourced beans to perfectly pulled espresso, Friid brings the warmth of coffee culture to your community."
          tag="Specialty Coffee Roastery"
          tagIcon={Coffee}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700814621-m8xtmcbu.jpg"
          imageAlt="Friid coffee shop interior with warm lighting and cozy atmosphere"
          frameStyle="card"
          buttons={[
            { text: "Explore Our Menu", href: "products" },
            { text: "Our Story", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="At Friid, we believe coffee is more than a beverage—it's a connection to origin, craft, and community"
          useInvertedBackground="noInvert"
          metrics={[
            { icon: Award, label: "Years Perfecting Craft", value: "12+" },
            { icon: Users, label: "Coffee Lovers Served", value: "50K+" },
            { icon: Globe, label: "Origin Countries", value: "15+" },
            { icon: Flame, label: "Signature Blends", value: "28" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Our Coffee Journey"
          description="From sourcing to cup, we honor every step of the coffee experience"
          tag="Craft Process"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Sourcing",
              title: "Ethical Origins",
              subtitle: "Direct relationships with growers",
              description: "We partner directly with coffee farmers across Africa, Latin America, and Asia, ensuring fair compensation and sustainable practices. Every bean has a story.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700816473-t28g19d7.jpg",
              imageAlt: "Close up of premium coffee beans"
            },
            {
              id: 2,
              tag: "Roasting",
              title: "Precision Roasting",
              subtitle: "Small-batch, temperature-controlled",
              description: "Our expert roasters spend months perfecting each blend. We use small-batch techniques to bring out the unique characteristics and flavor profiles of origin beans.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700817315-umiwp6ue.jpg",
              imageAlt: "Barista operating professional espresso machine"
            },
            {
              id: 3,
              tag: "Brewing",
              title: "Craft Preparation",
              subtitle: "Technique meets passion",
              description: "Every cup is prepared with care. Whether pour-over, espresso, or cold brew, our baristas apply time-honored techniques to extract the perfect flavor balance.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700818277-tc6oeugt.jpg",
              imageAlt: "Latte with beautiful latte art"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Signature Menu"
          description="Handcrafted beverages and pastries to elevate your coffee experience"
          tag="Premium Selection"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "Ethiopian Yirgacheffe Single Origin",
              price: "$16.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700821204-q35he0wr.jpg",
              imageAlt: "Ethiopian Yirgacheffe premium coffee blend",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Dark Roast Espresso Blend",
              price: "$14.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700822064-uaevfas4.jpg",
              imageAlt: "Dark roast espresso blend premium coffee",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Light Roast Morning Blend",
              price: "$13.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700823174-wheqv5t1.jpg",
              imageAlt: "Light roast morning blend coffee",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "House Espresso",
              price: "$5.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700823926-71vwbcpa.jpg",
              imageAlt: "Perfectly pulled house espresso",
              initialQuantity: 1
            },
            {
              id: "5",
              name: "Cold Brew Concentrate",
              price: "$8.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700825011-i4j0318g.jpg",
              imageAlt: "Refreshing cold brew concentrate",
              initialQuantity: 1
            },
            {
              id: "6",
              name: "Artisan Pastry Selection",
              price: "$6.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700819876-kibqrz4l.jpg",
              imageAlt: "Fresh artisan pastries and baked goods",
              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="Stories from Our Community"
          description="Hear from coffee lovers who've made Friid part of their daily ritual"
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Mitchell, Local Artist",
              quote: "Friid is my creative sanctuary. The coffee is exceptional, and the atmosphere inspires my best work. I've been coming here every morning for two years.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700832872-idt44jev.jpg",
              imageAlt: "Sarah Mitchell at Friid coffee shop"
            },
            {
              id: "2",
              nameTitle: "James Chen, Coffee Enthusiast",
              quote: "The single-origin Ethiopian is perfection. You can taste the care that goes into every step—from sourcing to roasting. This is where coffee becomes art.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700834084-lsn2ttgj.jpg",
              imageAlt: "James Chen enjoying specialty coffee"
            },
            {
              id: "3",
              nameTitle: "Maria Rodriguez, Regular Customer",
              quote: "The baristas here don't just make coffee; they create experiences. Every visit feels like coming home to friends who understand your coffee order by heart.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700834991-iby3s8bl.jpg",
              imageAlt: "Maria Rodriguez at Friid cafe"
            },
            {
              id: "4",
              nameTitle: "David Park, Coffee Importer",
              quote: "As someone in the coffee business, I'm impressed by Friid's commitment to ethical sourcing and transparency. They truly respect the origin of every bean.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700836241-qttrb0u6.jpg",
              imageAlt: "David Park professional coffee expert"
            },
            {
              id: "5",
              nameTitle: "Emma Watson, Community Manager",
              quote: "Friid has become the heart of our community. The events, the conversations, the connections—it's more than a coffee shop, it's a gathering place.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700837185-haw1yaff.jpg",
              imageAlt: "Emma Watson at community event"
            },
            {
              id: "6",
              nameTitle: "Marcus Thompson, Business Owner",
              quote: "I conduct all my important meetings here. The professional atmosphere combined with exceptional coffee sets the perfect tone for every conversation.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700838118-8yrozvb7.jpg",
              imageAlt: "Marcus Thompson in professional setting"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Get in Touch"
          description="Have questions about our coffee, interested in wholesale, or want to host an event? We'd love to hear from you."
          useInvertedBackground="noInvert"
          buttonText="Send Message"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your inquiry...",
            rows: 5,
            required: true
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Friid"
          description="Specialty coffee roastery dedicated to ethical sourcing, artisan roasting, and crafting exceptional coffee experiences that bring communities together."
          copyrightText="© 2025 Friid Coffee Roastery. All rights reserved."
          columns={[
            {
              title: "About",
              items: [
                { label: "Our Story", href: "about" },
                { label: "Coffee Origins", href: "features" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Shop",
              items: [
                { label: "Menu", href: "products" },
                { label: "Wholesale", href: "#" },
                { label: "Subscription", href: "#" },
                { label: "Gift Cards", href: "#" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Events", href: "#" },
                { label: "Newsletter", href: "#" },
                { label: "Community", href: "testimonials" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Youtube, href: "https://youtube.com", ariaLabel: "YouTube" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}