"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Star, Clock, MapPin, Smile, Fuel, ChefHat, Zap, ShoppingBag, Ticket, Heart, Facebook, Instagram, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Lovers Lane Food Mart"
          navItems={[
            { name: "About", id: "about" },
            { name: "What We Offer", id: "services" },
            { name: "Reviews", id: "reviews" },
            { name: "Hours & Location", id: "location" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Lovers Lane Food Mart"
          description="Your Local Stop for Gas, Snacks & Fresh Biscuits. Serving Covington with Quality & Convenience."
          buttons={[
            { text: "Get Directions", href: "#location" },
            { text: "Call Now", href: "tel:(678)625-2678" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440229.jpg"
          imageAlt="Modern gas station with fuel pumps"
          mediaAnimation="opacity"
          frameStyle="card"
          ariaLabel="Hero section with call to action"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Welcome to Lovers Lane Food Mart"
          metrics={[
            { icon: Star, label: "Customer Rating", value: "4.6★" },
            { icon: Clock, label: "Open Daily", value: "5 AM – 1 AM" },
            { icon: MapPin, label: "Serving", value: "Covington, GA" },
            { icon: Smile, label: "Trusted By", value: "Locals" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About section with metrics"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="What We Offer"
          description="Everything you need in one convenient stop"
          tag="Services"
          tagAnimation="blur-reveal"
          features={[
            {
              title: "Fuel & Gas Pumps",              description: "Premium fuel available 24/7 with competitive pricing",              imageSrc: "http://img.b2bpic.net/free-vector/bio-fuel-icons-set_98292-1559.jpg",              imageAlt: "Fuel pump service",              buttonIcon: Fuel
            },
            {
              title: "Fresh Biscuits & Hot Food",              description: "Warm, delicious biscuits and hot food items prepared fresh daily",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-pancakes-with-sweet-cakes-fruits-dark-surface-sweet-cake-dessert_140725-82020.jpg",              imageAlt: "Fresh baked biscuits",              buttonIcon: ChefHat
            },
            {
              title: "Snacks & Drinks",              description: "Wide selection of cold drinks, snacks, and beverages",              imageSrc: "http://img.b2bpic.net/free-vector/set-colorful-fast-food-icons-web-buttons-with-various-beverages-food-including-hamburger_1284-43458.jpg",              imageAlt: "Snacks and drinks",              buttonIcon: Zap
            },
            {
              title: "Everyday Essentials",              description: "Everything you need for daily convenience and emergencies",              imageSrc: "http://img.b2bpic.net/free-vector/city-elements-collection_1040-1026.jpg",              imageAlt: "Everyday essentials",              buttonIcon: ShoppingBag
            },
            {
              title: "Lottery & Quick Purchases",              description: "Fast checkout for lottery tickets and quick impulse buys",              imageSrc: "http://img.b2bpic.net/free-vector/lottery-jackpot-decorative-icons_98292-3273.jpg",              imageAlt: "Lottery tickets",              buttonIcon: Ticket
            },
            {
              title: "Clean & Friendly Service",              description: "A spotless store with staff that genuinely cares about you",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-market_23-2149148482.jpg",              imageAlt: "Clean convenience store interior",              buttonIcon: Heart
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
          ariaLabel="Services and offerings section"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg?_wi=1", imageAlt: "Sarah Johnson" },
            { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg?_wi=2", imageAlt: "Michael Chen" },
            { id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg?_wi=3", imageAlt: "Emily Rodriguez" },
            { id: "4", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg?_wi=4", imageAlt: "James Wilson" }
          ]}
          cardTitle="Trusted by Our Community - 4.6 Stars from Our Customers"
          cardTag="Customer Reviews"
          cardTagIcon={Star}
          cardAnimation="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials and reviews"
        />
      </div>

      <div id="location" data-section="location">
        <ContactSplit
          tag="Visit Us"
          title="Stop By Lovers Lane Food Mart Today!"
          description="Located on Highway 81 in Covington, GA. We're open early and stay late to serve your needs. 2527 Hwy 81, Covington, GA 30016 | (678) 625-2678 | Hours: 5:00 AM – 1:00 AM Daily"
          tagAnimation="blur-reveal"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/smartphone-with-gps-navigation-app_24877-51659.jpg"
          imageAlt="Store location on map"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email for updates"
          buttonText="Get Directions"
          termsText="We'll send you store updates and local promotions."
          ariaLabel="Location and contact information section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Lovers Lane Food Mart"
          copyrightText="© 2025 Lovers Lane Food Mart | 2527 Hwy 81, Covington, GA 30016 | (678) 625-2678 | Open 5 AM – 1 AM Daily"
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Phone, href: "tel:(678)625-2678", ariaLabel: "Call Us" }
          ]}
          ariaLabel="Site footer with contact information"
        />
      </div>
    </ThemeProvider>
  );
}
