"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Star, Heart, CheckCircle, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Mini Market Moras"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Contact", id: "contact" },
            { name: "Hours", id: "hours" },
            { name: "Call (970) 503-5033", id: "tel:+19705035033" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Your Friendly Neighborhood Market in Kersey"
          description="Convenient. Well-Stocked. Locally Loved. Stop by today for everything you need."
          tag="⭐ 5.0 Rated"
          tagIcon={Star}
          background={{ variant: "plain" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-hero1.jpg"
          imageAlt="Mini Market Moras storefront in Kersey"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              name: "Jessica M.",              handle: "Local Resident",              testimonial: "This little market is a gem! I go here all the time.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-8aifspnm.jpg"
            },
            {
              name: "David K.",              handle: "Kersey Resident",              testimonial: "So convenient and friendly service. Highly recommend!",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-sk4xer47.jpg"
            },
            {
              name: "Maria L.",              handle: "Regular Customer",              testimonial: "Love this local store, I go here ALL the time!",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-f6jr8582.jpg"
            },
            {
              name: "Alex T.",              handle: "Community Member",              testimonial: "Best market in town. Great service and selection!",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-qhkzaur4.jpg"
            },
            {
              name: "Sarah R.",              handle: "Loyal Customer",              testimonial: "Supporting local has never been easier. Love them!",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-lrmwx9rs.jpg"
            }
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "📞 Call Now", href: "tel:+19705035033" },
            { text: "📍 Get Directions", href: "https://maps.google.com/?q=202+1st+St+Kersey+CO+80644" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Choose Us"
          tagIcon={Heart}
          title="Trusted by Our Community"
          description="Mini Market Moras has earned a 5.0-star reputation by delivering friendly service, convenience, and quality products every single day."
          subdescription="Proudly serving Kersey since opening"
          icon={CheckCircle}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-about1.jpg"
          imageAlt="Friendly staff at Mini Market Moras"
          mediaAnimation="opacity"
          useInvertedBackground={true}
        />
      </div>

      <div id="products" data-section="products">
        <FeatureCardTwentyThree
          title="What We Carry"
          description="Small store, packed with what you need. We stock everything from everyday essentials to specialty items."
          tag="Complete Selection"
          features={[
            {
              id: "1",              title: "Snacks & Drinks",              tags: ["Popular", "Always In Stock"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-product1.jpg",              imageAlt: "Snacks and beverages selection"
            },
            {
              id: "2",              title: "Grocery Essentials",              tags: ["Staples", "Fresh"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-product2.jpg",              imageAlt: "Grocery staples and fresh items"
            },
            {
              id: "3",              title: "Household Basics",              tags: ["Convenience", "Quality"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-product3.jpg",              imageAlt: "Household items and supplies"
            },
            {
              id: "4",              title: "Cold Beverages",              tags: ["Refreshing", "Year-Round"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-product4.jpg",              imageAlt: "Cold drink section"
            },
            {
              id: "5",              title: "Specialty Items",              tags: ["Local", "Unique"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-product5.jpg",              imageAlt: "Specialty and local products"
            },
            {
              id: "6",              title: "Quick Grab & Go",              tags: ["Ready", "Fast"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-product6.jpg",              imageAlt: "Grab and go ready items"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-love-us" data-section="why-love-us">
        <FeatureCardTwentyThree
          title="Why Locals Love Us"
          description="We've built our reputation on being there for our community with friendly service and the convenience you expect."
          tag="Community Focus"
          features={[
            {
              id: "1",              title: "Friendly Service",              tags: ["Personal", "Welcoming"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-feature1.jpg",              imageAlt: "Friendly staff greeting customers"
            },
            {
              id: "2",              title: "Convenient Location",              tags: ["Central", "Easy Access"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-feature2.jpg",              imageAlt: "Store location in Kersey"
            },
            {
              id: "3",              title: "Well-Stocked",              tags: ["Quality", "Variety"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-feature3.jpg",              imageAlt: "Well-stocked shelves"
            },
            {
              id: "4",              title: "Easy In-and-Out",              tags: ["Quick", "Efficient"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-feature4.jpg",              imageAlt: "Quick shopping experience"
            },
            {
              id: "5",              title: "Trusted by Community",              tags: ["Reliable", "Local"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDGcQO4Zxh2qtyCLEG7RXpXvL/uploaded-1772518027004-feature5.jpg",              imageAlt: "Community trust and connection"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Hear from locals who trust us for their everyday needs"
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              title: "Best Local Market in Kersey",              quote: "This little market is a gem! Great selection and the staff is always so friendly. I go here all the time instead of driving to bigger stores.",              name: "Jessica Mitchell",              role: "Local Resident",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=3",              imageAlt: "Jessica Mitchell"
            },
            {
              id: "2",              title: "Perfect for Quick Stops",              quote: "So convenient! I love that I can pop in quickly and find everything I need. The service is top-notch.",              name: "David Kumar",              role: "Regular Customer",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",              imageAlt: "David Kumar"
            },
            {
              id: "3",              title: "Supporting Local Business",              quote: "Love this local store. Supporting our community while getting quality products and friendly smiles every visit.",              name: "Maria Lopez",              role: "Community Member",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=4",              imageAlt: "Maria Lopez"
            },
            {
              id: "4",              title: "Clean, Organized, Friendly",              quote: "The store is always clean, well-organized, and the owners genuinely care about their customers. Highly recommend!",              name: "Robert Chen",              role: "Kersey Local",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=5",              imageAlt: "Robert Chen"
            }
          ]}
        />
      </div>

      <div id="hours" data-section="hours">
        <ContactFaq
          ctaTitle="Stop By Today or Give Us a Call"
          ctaDescription="We're here to serve you with convenience and friendly service. Call anytime with questions."
          ctaButton={{ text: "📞 Call (970) 503-5033", href: "tel:+19705035033" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What are your hours?",              content: "We're open 7 days a week to serve your convenience. Please call (970) 503-5033 for current hours or to confirm we're open."
            },
            {
              id: "2",              title: "Where is Mini Market Moras located?",              content: "We're located at 202 1st St, Kersey, CO 80644. We're easy to find in the heart of Kersey. Call us for directions if needed!"
            },
            {
              id: "3",              title: "Do you carry specialty items?",              content: "Yes! We carry a variety of specialty items including hard-to-find products. If you're looking for something specific, feel free to call and ask. We'd be happy to help."
            },
            {
              id: "4",              title: "Can I make special orders?",              content: "Absolutely! We're always happy to help with special requests or product questions. Give us a call at (970) 503-5033 and we'll do our best to accommodate you."
            },
            {
              id: "5",              title: "How do I find you online?",              content: "You can call us at (970) 503-5033 or visit us at 202 1st St, Kersey, CO 80644. We're here to help with any questions!"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Mini Market Moras"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Contact", href: "tel:+19705035033" }}
        />
      </div>
    </ThemeProvider>
  );
}