"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Mail, Utensils, Clock, Star } 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: "Menu", id: "menu" },
            { name: "Features", id: "features" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" },
            { name: "Login", id: "https://www.lafresheria.com/" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <ProductCardFour
          products={[
            {
              id: "1",              name: "Fresh Organic Salad Bowl",              price: "$12.99",              variant: "Crispy Fresh Greens",              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 Salad Bowl",              isFavorited: false
            },
            {
              id: "2",              name: "Premium Coffee Selection",              price: "$5.99",              variant: "100% Arabica Beans",              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: "Premium Coffee Selection",              isFavorited: false
            },
            {
              id: "3",              name: "Smoothie Bowl Deluxe",              price: "$9.99",              variant: "Fresh Fruit Blend",              imageSrc: "https://img.b2bpic.net/free-photo/bottom-view-vegetables-tomatoes-red-bell-peppers-greens-rustic-board-tablecloth-black-table_140725-146253.jpg",              imageAlt: "Smoothie Bowl Deluxe",              isFavorited: false
            },
            {
              id: "4",              name: "Organic Pasta Plate",              price: "$14.99",              variant: "Local Herbs & Vegetables",              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: "Organic Pasta Plate",              isFavorited: false
            }
          ]}
          title="Our Fresh Menu"
          description="Discover our carefully curated selection of fresh, organic meals prepared daily from the finest local ingredients."
          tag="Order Now"
          tagIcon={Utensils}
          buttons={[
            { text: "Start Your Order", href: "menu" }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          features={[
            {
              id: 1,
              title: "Browse Our Menu",              description: "Explore our extensive collection of fresh, organic dishes. Filter by dietary preferences and browse high-resolution photos of each meal.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/bottom-view-vegetables-tomatoes-red-bell-peppers-greens-rustic-board-tablecloth-black-table_140725-146253.jpg",                imageAlt: "Browse Menu on Phone"
              },
              phoneTwo: {
                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: "Browse Menu Details"
              }
            },
            {
              id: 2,
              title: "Customize Your Order",              description: "Personalize each meal to your preferences. Add or remove ingredients, adjust portions, and apply dietary filters with ease.",              phoneOne: {
                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: "Customize Your Order"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/bottom-view-vegetables-tomatoes-red-bell-peppers-greens-rustic-board-tablecloth-black-table_140725-146253.jpg",                imageAlt: "Order Customization Options"
              }
            },
            {
              id: 3,
              title: "Quick Checkout",              description: "Complete your order in seconds with our streamlined checkout process. Save your favorite meals and payment methods.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/bottom-view-vegetables-tomatoes-red-bell-peppers-greens-rustic-board-tablecloth-black-table_140725-146253.jpg",                imageAlt: "Quick Checkout Process"
              },
              phoneTwo: {
                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: "Secure Payment"
              }
            }
          ]}
          showStepNumbers={true}
          title="How to Order"
          description="Our seamless ordering process makes getting fresh food easy and convenient."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            { id: "1", icon: Utensils, title: "Menu Items", value: "50+" },
            { id: "2", icon: Star, title: "Avg Rating", value: "4.9" },
            { id: "3", icon: Clock, title: "Ready in", value: "30min" }
          ]}
          title="Why Freshería Stands Out"
          description="Premium quality, fast delivery, and unbeatable freshness"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Maria Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Maria Rodriguez"
            },
            {
              id: "2",              name: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Sarah Williams",              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",              imageAlt: "Sarah Williams"
            },
            {
              id: "4",              name: "David Patel",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",              imageAlt: "David Patel"
            },
            {
              id: "5",              name: "Emma Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg",              imageAlt: "Emma Thompson"
            },
            {
              id: "6",              name: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Marcus Johnson"
            }
          ]}
          cardTitle="Over 10,000 customers trust Freshería for fresh, delicious food"
          cardTag="Customer Love"
          cardTagIcon={Star}
          useInvertedBackground="invertDefault"
        />
      </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>
  );
}
