"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Instagram, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="noise"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Why Als", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Order", id: "contact" }
          ]}
          brandName="Al's Drive-In"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="The Best Smash Burgers You'll Ever Drive For"
          description="Fresh. Halal. Unreal value. Made to order—always worth the wait. People don't just visit Al's; they drive 45 minutes because every burger is made with care and tastes like it."
          background={{ variant: "plain" }}
          testimonials={[
            {
              name: "Sarah M.",              handle: "Burger Enthusiast",              testimonial: "Worth the drive. Period. Best smash burgers in the region. Fresh ingredients, perfect technique, honest pricing.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovely-friends_23-2148422315.jpg",              imageAlt: "Sarah, burger enthusiast"
            },
            {
              name: "Hassan K.",              handle: "Halal Seeker",              testimonial: "Finally, halal burgers that taste incredible. Certified, authentic, and made with real care. This is family-friendly dining done right.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",              imageAlt: "Hassan, halal customer"
            },
            {
              name: "Jennifer L.",              handle: "Local Family",              testimonial: "Consistent quality, fair prices, friendly staff. No gimmicks—just great food and community. Our kids ask when we're going back.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-girl-photographer-taking-pictures-city-makes-photos-outdoors-professional-came_1258-151876.jpg",              imageAlt: "Jennifer, family customer"
            }
          ]}
          tag="Cult-Favorite Burger Spot"
          tagAnimation="slide-up"
          buttons={[
            { text: "Order Now", href: "#contact" },
            { text: "Get Directions", href: "https://maps.google.com" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
          mediaAnimation="none"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Why Al's Is Worth The Drive" },
            { type: "image", src: "http://img.b2bpic.net/free-photo/group-chefs-working-kitchen_53876-42734.jpg", alt: "Al's welcoming restaurant interior" }
          ]}
          buttons={[
            { text: "Learn Our Story", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="What Makes Al's Different"
          description="Built on transparency, quality, and community—every detail reflects our commitment to delivering smash burgers that taste like they should."
          tag="The Al's Advantage"
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          features={[
            {
              title: "Fresh, Premium Beef",              description: "Hand-selected, ground fresh daily. No freezer shortcuts. Our smash technique locks in flavor and creates the perfect crust every time.",              imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-taking-notes_23-2148006685.jpg",              imageAlt: "Premium beef ingredient"
            },
            {
              title: "Certified Halal",              description: "Authentic halal preparation meets premium burger craft. Our halal certification isn't a label—it's a promise to our community.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-meat-slice-with-fresh-vegetables-pepper-dark-blue-background-color-food-meat-kitchen-animal-chicken-cow-butcher_179666-46587.jpg",              imageAlt: "Halal certification badge"
            },
            {
              title: "Family Vibes, No Fuss",              description: "Order at the counter. Sit together. Eat amazing burgers. No reservations needed, no pretense—just honest food and good people.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2150215495.jpg",              imageAlt: "Family dining atmosphere"
            }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          names={[
            "Featured in Food Review Sites",            "Local Press Favorite",            "Top Rated Food Guide",            "Chamber of Commerce Member",            "Restaurant Network Award",            "Food Truck Collective Featured",            "Ottawa Tourism Highlight",            "Community Trusted"
          ]}
          title="Featured & Trusted"
          description="Al's earned its reputation through consistency, quality, and honest service—recognized by food enthusiasts and regional media alike."
          tag="Community Recognition"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Why People Keep Coming Back"
          description="Real reviews from real customers—burger enthusiasts, families, and halal-seekers who've made Al's their destination."
          tag="Customer Stories"
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "t1",              name: "Marcus T.",              role: "Burger Enthusiast",              company: "Food Explorer",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovely-friends_23-2148422315.jpg",              imageAlt: "Marcus testimonial"
            },
            {
              id: "t2",              name: "Amira H.",              role: "Community Leader",              company: "Local Events",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",              imageAlt: "Amira testimonial"
            },
            {
              id: "t3",              name: "David R.",              role: "Regular Customer",              company: "Al's Fan",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-girl-photographer-taking-pictures-city-makes-photos-outdoors-professional-came_1258-151876.jpg",              imageAlt: "David testimonial"
            },
            {
              id: "t4",              name: "Lisa P.",              role: "Family Dad",              company: "Weekend Visitor",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-standing-cliff-near-beautiful-sea_181624-23716.jpg",              imageAlt: "Lisa testimonial"
            },
            {
              id: "t5",              name: "Rashid M.",              role: "Halal Advocate",              company: "Community",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageAlt: "Rashid testimonial"
            },
            {
              id: "t6",              name: "Elena K.",              role: "Travel Writer",              company: "Food Blog",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990136.jpg",              imageAlt: "Elena testimonial"
            }
          ]}
          kpiItems={[
            { value: "1000+", label: "5-Star Reviews" },
            { value: "45 min", label: "Average Drive Distance" },
            { value: "100%", label: "Halal Certified" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Common Questions"
          description="Everything you need to know before your visit—from wait times to halal certification to what makes our burgers special."
          tag="Transparency First"
          tagAnimation="slide-up"
          textboxLayout="default"
          faqsAnimation="blur-reveal"
          useInvertedBackground={true}
          faqs={[
            {
              id: "faq1",              title: "How long is the wait, really?",              content: "Peak hours (lunch & dinner) expect 20–45 minutes depending on order volume. We make every burger to order, so freshness isn't instant—but it's always worth it. Check our hours and arrive with time to spare. We also offer call-ahead ordering for regular customers."
            },
            {
              id: "faq2",              title: "Are the burgers actually halal?",              content: "Yes. Our beef is certified halal, prepared in accordance with Islamic dietary law, and sourced from trusted suppliers. We take this certification seriously—it's not just a checkbox for us."
            },
            {
              id: "faq3",              title: "What makes your smash burgers different?",              content: "Fresh, hand-ground beef pressed on a hot griddle to create the perfect crispy exterior and juicy center. We use minimal toppings to let the beef shine—just cheese, pickles, mustard, and onions. It's simple because it works."
            },
            {
              id: "faq4",              title: "Do you offer online ordering?",              content: "We're currently taking phone orders for pickup. Visit our contact section to call ahead and secure your order. Digital ordering coming soon to reduce wait times."
            },
            {
              id: "faq5",              title: "Can I bring my family?",              content: "Absolutely. Al's is built for families and groups. Casual, friendly, and no judgment about mess. Kids love it—just bring patience during peak hours."
            },
            {
              id: "faq6",              title: "Where exactly are you located?",              content: "We're in the heart of the region, easy to find. Check our contact section for the exact address, directions, and parking info. We're worth the drive from anywhere nearby."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch Or Order Now"
          description="Call ahead to reduce wait time, or fill out the form below and we'll get back to you within 2 hours during business hours."
          inputs={[
            { name: "name", type: "text", placeholder: "Your name" },
            { name: "phone", type: "tel", placeholder: "Your phone number" },
            { name: "email", type: "email", placeholder: "Your email" }
          ]}
          textarea={{
            name: "message",            placeholder: "Your order or question (e.g., 'Order 2 smash burgers and fries for pickup at 6pm')",            rows: 4
          }}
          useInvertedBackground={false}
          mediaAnimation="opacity"
          buttonText="Send Order"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Al's Drive-In"
          copyrightText="© 2025 Al's Drive-In Burgers. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Visit Al's on Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow Al's on Instagram" },
            { icon: Phone, href: "tel:+16135551234", ariaLabel: "Call Al's Drive-In" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}