"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Leaf, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="large"
      background="plain"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Freshería"
          navItems={[
            { name: "Order", id: "order" },
            { name: "Rewards", id: "rewards" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Login", id: "https://www.lafresheria.com/" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Freshería"
          description="Welcome to Freshería. Let's get started with your fresh order today."
          buttons={[
            { text: "Start New Order", href: "order" },
            { text: "My Rewards", href: "rewards" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/closeup-agriculturist-hands-holding-fresh-arabica-coffee-berries-coffee-plantation-farmer-picking-coffee-bean-coffee-process-agriculture_1150-61471.jpg"
          imageAlt="Fresh cafe atmosphere with natural green aesthetics"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Freshería"
          tagIcon={Leaf}
          title="Fresh, Organic, and Delicious"
          description="At Freshería, we believe in serving only the freshest ingredients sourced from local organic suppliers. Our commitment to quality extends from farm to table, ensuring every order brings you the best of nature's offerings with a modern twist."
          metrics={[
            { value: "100%", title: "Fresh Ingredients" },
            { value: "Local", title: "Sourced Daily" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/bottom-view-vegetables-tomatoes-red-bell-peppers-greens-rustic-board-tablecloth-black-table_140725-146253.jpg"
          imageAlt="Fresh organic ingredients at Freshería"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Why Choose Freshería"
          description="Experience the perfect blend of convenience and quality with our innovative ordering system and exclusive rewards program."
          features={[
            {
              id: "quick-ordering",              label: "Quick",              title: "Seamless Ordering Experience",              items: [
                "Fast mobile app integration",                "One-click reordering",                "Real-time order tracking",                "Flexible customization"
              ]
            },
            {
              id: "rewards",              label: "Rewards",              title: "Exclusive Loyalty Benefits",              items: [
                "Earn points on every order",                "Exclusive member discounts",                "Birthday specials",                "VIP early access to new items"
              ]
            },
            {
              id: "organic",              label: "Organic",              title: "Farm-Fresh Quality",              items: [
                "100% locally sourced",                "Pesticide-free ingredients",                "Sustainable packaging",                "Transparent sourcing"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Growing Community"
          description="Join thousands of satisfied customers enjoying fresh, delicious food every day"
          metrics={[
            { id: "1", value: "5K+", description: "Happy Customers" },
            { id: "2", value: "100%", description: "Fresh Daily" },
            { id: "3", value: "50+", description: "Menu Items" },
            { id: "4", value: "24/7", description: "Available Ordering" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Hear from those who've made Freshería part of their daily routine"
          testimonials={[
            {
              id: "1",              name: "Maria Rodriguez, Health Enthusiast",              date: "Date: 15 November 2024",              title: "Absolutely Fresh and Delicious",              quote: "I've been ordering from Freshería for 3 months now. The quality of ingredients is unmatched. Every meal tastes like it was prepared with love, and the rewards program keeps me coming back.",              tag: "Regular Customer",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              avatarAlt: "Maria Rodriguez"
            },
            {
              id: "2",              name: "James Chen, Business Professional",              date: "Date: 10 November 2024",              title: "Convenience Meets Quality",              quote: "As a busy professional, Freshería has been a game-changer. The app is intuitive, orders arrive fresh, and the pricing is fair. My go-to lunch spot without question.",              tag: "Daily User",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "James Chen"
            },
            {
              id: "3",              name: "Sarah Williams, Wellness Coach",              date: "Date: 5 November 2024",              title: "Supporting My Clients' Health Goals",              quote: "I recommend Freshería to all my clients. The organic, locally-sourced ingredients align perfectly with wellness principles. They're making healthy eating accessible and convenient.",              tag: "Professional Referrer",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",              avatarAlt: "Sarah Williams"
            },
            {
              id: "4",              name: "David Patel, Student",              date: "Date: 28 October 2024",              title: "Best Lunch Between Classes",              quote: "Freshería offers the best value for fresh food near campus. The reorder feature saves me time, and the rewards add up quickly. Highly recommended to fellow students.",              tag: "Budget-Conscious",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",              avatarAlt: "David Patel"
            },
            {
              id: "5",              name: "Emma Thompson, Food Blogger",              date: "Date: 20 October 2024",              title: "Farm-to-Table Done Right",              quote: "As someone who documents food experiences, I appreciate Freshería's commitment to transparency and quality. Every ingredient tells a story of local farming excellence.",              tag: "Food Influencer",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg",              avatarAlt: "Emma Thompson"
            },
            {
              id: "6",              name: "Marcus Johnson, Office Manager",              date: "Date: 12 October 2024",              title: "Team Favorite for Office Catering",              quote: "We've catered team lunches from Freshería multiple times. The quality, variety, and professional service make them our top choice. Employees love the options.",              tag: "Corporate Partner",              avatarSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              avatarAlt: "Marcus Johnson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Contact Us"
          tagIcon={Mail}
          title="Stay Connected with Freshería"
          description="Subscribe to receive exclusive offers, new menu items, and special rewards. Be the first to know about seasonal specials and limited-time promotions."
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to receive marketing emails. We respect your privacy and never share your information."
          useInvertedBackground="invertDefault"
        />
      </div>

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