"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Coffee, Heart, Users, Globe, Clock } from "lucide-react";

export default function FixCoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Experience", id: "features" },
            { name: "Community", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Fix Coffee"
          bottomLeftText="Find Your Spot"
          bottomRightText="hello@fixcoffee.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Your morning, made meaningful"
          description="A warm, bright space for coffee, reading, and slowing down"
          background={{ variant: "plain" }}
          tag="Welcome to Fix Coffee"
          tagIcon={Coffee}
          buttons={[
            { text: "Find Your Spot", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/still-life-with-cup-tea-books-burning-candle-beautiful-candlestick-home-comfort-concept_169016-9931.jpg"
          imageAlt="Warm coffee shop moment with natural light"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="What Makes Fix Coffee Special"
          description="More than just exceptional coffee, Fix Coffee is a sanctuary for those seeking calm and community"
          tabs={[
            {
              id: "atmosphere",              label: "Atmosphere",              description: "Step into a space designed for peace and connection. Thoughtful lighting, comfortable seating, and carefully curated acoustics create an environment where you can truly relax and be yourself."
            },
            {
              id: "quality",              label: "Quality Coffee",              description: "We source and roast our beans with intention, working directly with specialty producers. Every cup reflects our commitment to excellence and sustainable practices."
            },
            {
              id: "community",              label: "Community",              description: "Fix Coffee is where students find focus, professionals find refuge, and creatives find inspiration. We're building a space where everyone feels welcome and valued."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/spending-christmas-cafe_53876-95337.jpg"
          imageAlt="Bright, welcoming interior of Fix Coffee"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Why Coffee Lovers Choose Fix"
          description="Discover what sets us apart from the ordinary"
          features={[
            {
              id: "1",              title: "Single-Origin Specialty Roasts",              author: "Curated Selection",              description: "Each bean tells a story. From Ethiopian highlands to Colombian farms, we source directly from producers who share our values of quality and sustainability.",              tags: ["Quality", "Sourcing"],
              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-cup-cappuccino-with-plate-cafe-table_181624-60555.jpg"
            },
            {
              id: "2",              title: "The Perfect Study Sanctuary",              author: "Student Favorite",              description: "With reliable WiFi, plenty of outlets, natural light, and a quiet atmosphere—minus the library silence—Fix Coffee is where focus meets comfort.",              tags: ["Workspace", "Community"],
              imageSrc: "https://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg"
            },
            {
              id: "3",              title: "Skilled Baristas Who Care",              author: "Expert Service",              description: "Our team is trained not just to make coffee, but to craft an experience. They remember your order, your preferences, and they're genuinely happy to see you.",              tags: ["Service", "Excellence"],
              imageSrc: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="atmosphere" data-section="atmosphere">
        <MetricCardOne
          title="The Fix Coffee Experience by Numbers"
          description="A space where intention meets impact"
          metrics={[
            {
              id: "1",              value: "4",              title: "Years",              description: "Building community, one cup at a time",              icon: Heart
            },
            {
              id: "2",              value: "1000+",              title: "Weekly Visitors",              description: "From students to creatives to professionals",              icon: Users
            },
            {
              id: "3",              value: "8",              title: "Coffee Origins",              description: "Carefully selected from sustainable farms",              icon: Globe
            },
            {
              id: "4",              value: "24/7",              title: "Peace",              description: "No rush, no pressure, just your space",              icon: Clock
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Words From Our Community"
          description="Hear how Fix Coffee has become part of people's daily lives"
          testimonials={[
            {
              id: "1",              name: "Maya Chen",              handle: "@mayastudies",              testimonial: "Fix Coffee is my second home. The atmosphere is perfect for studying, but it never feels cold or corporate. Everyone here gets it.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg"
            },
            {
              id: "2",              name: "James Mitchell",              handle: "@jmitch_creative",              testimonial: "As a designer, I spend a lot of time in coffee shops. Fix stands out because the space itself inspires creativity. Plus, the coffee is genuinely exceptional.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg"
            },
            {
              id: "3",              name: "Sofia Rodriguez",              handle: "@sofialoves_coffee",              testimonial: "I've tried coffee from around the world, and Fix's single-origins are some of the best I've had. The baristas really know their craft.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-pleasant-woman-shirt_197531-19641.jpg"
            },
            {
              id: "4",              name: "David Park",              handle: "@parkthoughtful",              testimonial: "In a world that's always rushing, Fix Coffee is a gentle reminder to slow down. It's become essential to my rhythm.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardOne
          title="Stories & Insights"
          description="Explore ideas that matter to coffee lovers and mindful communities"
          blogs={[
            {
              id: "1",              category: "Coffee Culture",              title: "The Art of Slowing Down",              excerpt: "Why taking time for your coffee ritual matters more than you think. In our always-on culture, the simple act of brewing and sipping becomes meditation.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-using-computer-laptop_53876-31165.jpg",              authorName: "Emma Walsh",              authorAvatar: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",              date: "15 Dec 2024"
            },
            {
              id: "2",              category: "Brewing Guide",              title: "Master Single-Origin Brewing",              excerpt: "Different beans deserve different approaches. Learn how to bring out the unique character of each origin with our brewing breakdown guide.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-female-hands-making-notes-coffee-dessert-break_1098-20190.jpg",              authorName: "Marcus Webb",              authorAvatar: "https://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",              date: "8 Dec 2024"
            },
            {
              id: "3",              category: "Community",              title: "Creating Spaces That Welcome Everyone",              excerpt: "How intentional design and genuine care create environments where people feel truly at home. An exploration of what hospitality means in 2024.",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-near-typing-person_23-2147768827.jpg",              authorName: "Sophia Brennan",              authorAvatar: "https://img.b2bpic.net/free-photo/front-view-pleasant-woman-shirt_197531-19641.jpg",              date: "1 Dec 2024"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Find Your Spot"
          description="Ready to discover your new favorite place? We'd love to welcome you. Reach out with questions, feedback, or just to say hello."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your email",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us what's on your mind or ask us anything",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg"
          imageAlt="Fix Coffee welcoming counter and barista"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Fix Coffee"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "hello@fixcoffee.com",            href: "mailto:hello@fixcoffee.com"
          }}
        />
      </div>
    </ThemeProvider>
  );
}