"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { DollarSign, Flame, MessageSquare, Star, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Menu",          id: "#menu"},
        {
          name: "About",          id: "#about"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Bob’s Steaks"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "gradient-bars"}}
      title="Philadelphia’s Finest Cheesesteaks & Hoagies"
      description="Flavorful, juicy ribeye, fresh soft rolls, and portions that hit the spot every single time. Discover why locals call Bob’s the best in town."
      buttons={[
        { text: "View Menu", href: "#menu" },
        { text: "Call Us: 445-223-4891", href: "tel:4452234891" }
      ]}
      testimonials={[
        {
          name: "Sarah Jenkins",          handle: "@sarah_eats",          testimonial: "Blew my other spots out of the water! Generous size, fresh steak.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg?_wi=1"},
        {
          name: "Michael Chen",          handle: "@mike_philly",          testimonial: "Vibes are great, staff is fun, food is unreal. Best cheesesteak in town.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-african-woman-walking_171337-13704.jpg?_wi=1"},
        {
          name: "David Rivera",          handle: "@rivera_eats",          testimonial: "That fish hoagie was delicious! Crispy and flavorful. Fries are on point.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-indoors_23-2149745617.jpg?_wi=1"},
        {
          name: "Elena Rodriguez",          handle: "@elena_philly",          testimonial: "Everything here is perfect. Spotless shop and the best service I've ever had.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4509.jpg?_wi=1"},
        {
          name: "Tom Baker",          handle: "@tom_bakes",          testimonial: "Huge fan! Visiting from out of town and this place is the real deal.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg?_wi=1"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/breakfast-sandwich-made-with-bread-fried-egg-ham-lettuce_1150-25690.jpg"
      imageAlt="Authentic Philadelphia Cheesesteak"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg",          alt: "Portrait of person at a football game"},
        {
          src: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",          alt: "People, technology and leisure concept."},
        {
          src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",          alt: "Pleased successful female administrator in office"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",          alt: "Smiling female staff at airport terminal"},
        {
          src: "http://img.b2bpic.net/free-photo/outdoor-shot-fashionable-dark-skinned-man-with-afro-hairstyle-wearing-trendy-glasses-headphones-neck-leaning-table-park-drinking-coffee_176420-19822.jpg",          alt: "Outdoor shot of fashionable dark-skinned man with afro hairstyle, wearing trendy glasses and headphones over neck, leaning on table in park, drinking coffee"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "Locally Sourced Beef"},
        {
          type: "text",          text: "Fresh Baked Rolls Daily"},
        {
          type: "text",          text: "Traditional Philly Recipes"},
        {
          type: "text",          text: "Family Owned & Operated"},
        {
          type: "text",          text: "Best in Philadelphia"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Committed to Quality & Community"
      description="At Bob’s Steaks and Hoagies, we believe in fresh, local ingredients and a welcoming atmosphere. We take pride in serving high-quality ribeye and house-prepared ingredients to our neighbors on Norris Street."
      subdescription="Whether you are a local regular or visiting from across the country, we are here to provide the authentic Philly experience."
      icon={Flame}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190923.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          brand: "Beef",          name: "Original Philly Cheesesteak",          price: "$18",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-tomato-cheese-with-orange-juice-cucumbers-wooden-plank_176474-2984.jpg"},
        {
          id: "2",          brand: "Fish",          name: "Crispy Fish Hoagie",          price: "$16",          rating: 5,
          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/people-celebrating-4th-july-top-view_23-2149383112.jpg"},
        {
          id: "3",          brand: "Beef",          name: "Spicy Ribeye Special",          price: "$20",          rating: 4,
          reviewCount: "92",          imageSrc: "http://img.b2bpic.net/free-photo/rolled-eggplant-with-stuffing-lettuce-leaf-with-walnuts_140725-9195.jpg"},
        {
          id: "4",          brand: "Chicken",          name: "Chicken Philly Melt",          price: "$17",          rating: 5,
          reviewCount: "105",          imageSrc: "http://img.b2bpic.net/free-photo/fish-hamburger-with-french-fries_1203-9011.jpg"},
        {
          id: "5",          brand: "Sides",          name: "Crinkle Cut Fries",          price: "$6",          rating: 4,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/sweet-potato-fries-bowl-trivet-marble-background_114579-74544.jpg"},
        {
          id: "6",          brand: "Hoagies",          name: "Traditional Italian",          price: "$19",          rating: 5,
          reviewCount: "75",          imageSrc: "http://img.b2bpic.net/free-photo/two-croissant-buns-paper-wrap-wooden-board_114579-26483.jpg"},
      ]}
      title="Signature Menu"
      description="From our famous ribeye cheesesteaks to our crispy fish hoagies, explore our curated selection of Philly favorites."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg?_wi=2"},
        {
          id: "2",          name: "Mike C.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-african-woman-walking_171337-13704.jpg?_wi=2"},
        {
          id: "3",          name: "David R.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-indoors_23-2149745617.jpg?_wi=2"},
        {
          id: "4",          name: "Elena R.",          imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4509.jpg?_wi=2"},
        {
          id: "5",          name: "Tom B.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg?_wi=2"},
      ]}
      cardTitle="What Our Neighbors Say"
      cardTag="4.8 / 5 Rating"
      cardAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "4.8",          title: "Star Rating",          description: "Consistently rated high by our patrons on Google.",          icon: Star,
        },
        {
          id: "m2",          value: "113",          title: "Customer Reviews",          description: "Over a hundred happy guests shared their feedback.",          icon: MessageSquare,
        },
        {
          id: "m3",          value: "$20-30",          title: "Avg Per Person",          description: "Reasonable prices for generous portions of quality food.",          icon: DollarSign,
        },
      ]}
      title="By The Numbers"
      description="We are proud of our consistently high quality and the support of our Philadelphia community."
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Foodie Award",        "Local Best",        "Neighborhood Favorite",        "Cheesesteak Hub",        "Philly Eats"]}
      title="Trusted by Local Foodies"
      description="Join our community of satisfied diners who appreciate fresh ingredients and exceptional service."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "What are your opening hours?",          content: "We are open daily and close at 10 PM. Stop by any time for a fresh hoagie!"},
        {
          id: "f2",          title: "Do you offer delivery?",          content: "Yes, order delivery through our platform to get Bob’s delivered to your door."},
        {
          id: "f3",          title: "Where are you located?",          content: "We are located at 1949 W Norris St, Philadelphia, PA 19121."},
        {
          id: "f4",          title: "Is there seating available?",          content: "Yes, we have a clean and well-kept establishment for you to dine in and enjoy your meal."},
        {
          id: "f5",          title: "Do you offer vegetarian options?",          content: "While our specialty is steak and hoagies, we have fresh sides and other options."},
      ]}
      title="Common Questions"
      description="Got questions about our hours, location, or menu? We’ve got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars"}}
      text="Ready for the best cheesesteak of your life? Give us a call or visit us today on Norris Street. We can’t wait to serve you!"
      buttons={[
        {
          text: "(445) 223-4891",          href: "tel:4452234891"},
        {
          text: "Get Directions",          href: "https://maps.google.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727972.jpg"
      logoText="Bob’s Steaks and Hoagies"
      columns={[
        {
          title: "Links",          items: [
            {
              label: "Menu",              href: "#menu"},
            {
              label: "About",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2025 Bob’s Steaks and Hoagies"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}