"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Heart, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Location",          id: "#location"},
        {
          name: "Social",          id: "#social"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Call Us",        href: "tel:+17047128662"}}
      brandName="Happy City Cairo Cuisine"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "animated-grid"}}
      title="Happy City Cairo Cuisine"
      description="Where Cairo Meets the Open Road. Experience Authentic Egyptian Flavors on Wheels!"
      buttons={[
        {
          text: "View Our Menu",          href: "#menu"},
        {
          text: "Find Us Today",          href: "#location"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuzOhdDRW9mSODwKNhupegFS1b/uploaded-1781043660543-70tgudbr.jpg"
      imageAlt="Happy City Cairo Cuisine Food Truck at sunset, vibrant Egyptian style"
      mediaAnimation="slide-up"
      testimonials={[
        {
          name: "Amina S.",          handle: "@AminaEats",          testimonial: "Absolutely blown away by the Koshary! It tastes just like home. Happy City is a true gem in Rock Hill!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16395.jpg",          imageAlt: "Smiling man enjoying a shawarma from a food truck"},
        {
          name: "Omar K.",          handle: "@OmarFoodie",          testimonial: "The Chicken Shawarma is a must-try. Perfectly spiced and incredibly juicy. My new favorite lunch spot!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-taco_23-2151048061.jpg",          imageAlt: "Happy woman enjoying her meal from Happy City Cairo Cuisine"},
        {
          name: "Layla M.",          handle: "@LaylaAdventures",          testimonial: "I never thought I'd find authentic Egyptian Falafel in SC! So crispy and delicious. And the Hibiscus Tea is so refreshing.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-standing-front-camper-van_23-2148653440.jpg",          imageAlt: "Young couple sharing a meal at a food truck"},
        {
          name: "Tariq A.",          handle: "@TasteExplorer",          testimonial: "Every dish tells a story. The Hawawshi was packed with flavor, a true culinary journey to Cairo. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-pan-with-egg-toast_23-2149277939.jpg",          imageAlt: "Food enthusiast taking a picture of their Egyptian dish"},
        {
          name: "Sara B.",          handle: "@SCFoodFinds",          testimonial: "The Sahlab is pure comfort in a cup. A perfect sweet treat after a savory meal. Can't wait to try more!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/shouting-chef-with-speech-bubble_329181-702.jpg",          imageAlt: "Chef proudly presenting an Egyptian dish"},
      ]}
      testimonialRotationInterval={6000}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/street-market-night_23-2151604378.jpg",          alt: "Amina S."},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-delicious-shaurma-sliced-pita-sandwich-inside-plate-dark-surface-burger-meal-grill-snack-lunch-bread-toast_140725-153840.jpg",          alt: "Omar K."},
        {
          src: "http://img.b2bpic.net/free-photo/tortilla-wrap-with-falafel-fresh-salad-vegan-tacos-vegetarian-healthy-food_2829-14399.jpg",          alt: "Layla M."},
        {
          src: "http://img.b2bpic.net/free-photo/xhinkali-with-meat-vodka-plain-youghurt-side-view_140725-11372.jpg",          alt: "Tariq A."},
        {
          src: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-pastry-sliced-with-greens-inside-dark-background_140725-50365.jpg",          alt: "Sara B."},
      ]}
      avatarText="Join our 200+ happy customers!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Authentic Flavors",          icon: Sparkles,
        },
        {
          type: "text",          text: "Freshly Prepared Daily"},
        {
          type: "text-icon",          text: "Rock Hill's Best Street Food",          icon: Star,
        },
        {
          type: "text",          text: "Taste of Cairo"},
        {
          type: "text-icon",          text: "Family Recipes",          icon: Heart,
        },
        {
          type: "text",          text: "Event Catering Available"},
      ]}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Story on Wheels: A Taste of Cairo in Rock Hill"
      description={[
        "Happy City Cairo Cuisine Food Truck brings the vibrant, authentic flavors of Egypt directly to Rock Hill, SC. Born from a passion for traditional recipes and a love for culinary exploration, we craft every dish with the freshest ingredients and spices, ensuring an unforgettable taste of Cairo with every bite.",        "Experience the rich heritage of Egyptian street food, from savory wraps to aromatic rice dishes, all prepared with the warmth and hospitality our culture is known for. Join us on a delicious journey, bringing a piece of Cairo to your plate."]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "shawarma",          brand: "Rice Dishes",          name: "Chicken Shawarma",          price: "$12.00",          rating: 5,
          reviewCount: "150",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuzOhdDRW9mSODwKNhupegFS1b/uploaded-1781045127548-ocnclv8n.jpg",          imageAlt: "Delicious chicken shawarma wrap with fresh vegetables and tahini sauce"},
        {
          id: "falafel",          brand: "Rice Dishes",          name: "Falafel Over Rice ",          price: "$10.00",          rating: 4,
          reviewCount: "120",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuzOhdDRW9mSODwKNhupegFS1b/uploaded-1781045661972-3etuhqgc.jpg",          imageAlt: "Crispy falafel sandwich with hummus and pickled vegetables"},
        {
          id: "koshary",          brand: "Rice Dishes",          name: "Egyptian Koshary",          price: "$14.00",          rating: 5,
          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/xhinkali-with-meat-vodka-plain-youghurt-side-view_140725-11372.jpg",          imageAlt: "Traditional Egyptian Koshary with rice, pasta, lentils, chickpeas, and tomato sauce"},
        {
          id: "hawawshi",          brand: "Rice Dishes",          name: "Spicy Hawawshi",          price: "$13.00",          rating: 4,
          reviewCount: "90",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-pastry-sliced-with-greens-inside-dark-background_140725-50365.jpg",          imageAlt: "Egyptian spiced minced meat baked inside pita bread"},
        {
          id: "tameya",          brand: "Sides",          name: "Tameya (Egyptian Falafel)",          price: "$8.00",          rating: 5,
          reviewCount: "70",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062827.jpg",          imageAlt: "Golden-fried Egyptian falafel patties made from fava beans"},
        {
          id: "fattah",          brand: "Sides",          name: "Lamb Fattah",          price: "$16.00",          rating: 4,
          reviewCount: "60",          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-dish-sauces-stuffed-cabbage-multicolored-checkered-tablecloth-bowls-herbs-sauces-table_140725-110425.jpg",          imageAlt: "Layered dish of rice, crispy bread, lamb, and garlic-vinegar sauce"},
        {
          id: "hibiscus-tea",          brand: "Drinks",          name: "Karkadeh (Hibiscus Tea)",          price: "$5.00",          rating: 5,
          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/ramadan-concept-with-tea_23-2147796700.jpg",          imageAlt: "Refreshing red hibiscus iced tea"},
        {
          id: "sahlab",          brand: "Drinks",          name: "Warm Sahlab",          price: "$6.00",          rating: 4,
          reviewCount: "80",          imageSrc: "http://img.b2bpic.net/free-photo/mocha_74190-17.jpg",          imageAlt: "Creamy, warm Egyptian milk pudding drink with nuts and cinnamon"},
      ]}
      title="Savor the Flavors of Cairo"
      description="Discover our exquisite menu, crafted with authentic Egyptian spices and a touch of modern culinary artistry. Each dish is a journey to the heart of Cairo."
    />
  </div>

  <div id="location" data-section="location">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "address",          title: "Our Home Base",          descriptions: [
            "You can usually find us at:",            "793 N Park Dr, Rock Hill, SC 29732"],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-north-america-map-pinpoint_23-2148232460.jpg",          imageAlt: "Map pin icon marking the food truck's location"},
        {
          id: "hours",          title: "Operating Hours",          descriptions: [
            "Mon – Sat: 11am – 8pm",            "Sun: 12pm – 6pm"],
          imageSrc: "http://img.b2bpic.net/free-photo/street-market-night_23-2151604378.jpg?_wi=2",          imageAlt: "stylized map of rock hill sc"},
        {
          id: "confirm",          title: "Always Call Ahead!",          descriptions: [
            "Our schedule can change due to events or private bookings. Please call us to confirm our exact location and hours for the day.",            "(704) 712-8662"],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-shaurma-sliced-pita-sandwich-inside-plate-dark-surface-burger-meal-grill-snack-lunch-bread-toast_140725-153840.jpg?_wi=2",          imageAlt: "stylized map of rock hill sc"},
      ]}
      title="Where to Find Your Next Cairo Fix"
      description="Happy City Cairo Cuisine Food Truck is always ready to serve you authentic Egyptian flavors. Find us at our regular spot or call ahead for our schedule!"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "rating",          value: "4.7★",          description: "Google Reviews"},
        {
          id: "review-count",          value: "200+",          description: "Satisfied Customers Served"},
      ]}
      title="Glowing Reviews From Our Happy Customers"
      description="Our commitment to authentic flavors and exceptional service is reflected in every star and every word."
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Instagram",        "Facebook",        "TikTok",        "Google Reviews"]}
      title="Join Our Cairo Crew on Social Media!"
      description="Follow us for daily specials, new menu items, and behind-the-scenes glimpses of your favorite Egyptian street food journey."
      buttons={[
        {
          text: "Leave Us a Review",          href: "https://www.google.com/search?q=Happy+City+Cairo+Cuisine+Food+Truck+Rock+Hill+SC+reviews&hl=en"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      text="Ready for a taste of Cairo? Reach out to us for catering inquiries, questions, or just to say hello! We'd love to hear from you."
      buttons={[
        {
          text: "Call Us Now",          href: "tel:+17047128662"},
        {
          text: "Email Us",          href: "mailto:info@happycitycairo.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Happy City"
      columns={[
        {
          title: "Explore",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Location",              href: "#location"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/happycitycairo"},
            {
              label: "Facebook",              href: "https://facebook.com/happycitycairo"},
            {
              label: "TikTok",              href: "https://tiktok.com/@happycitycairo"},
          ],
        },
        {
          title: "Visit",          items: [
            {
              label: "793 N Park Dr, Rock Hill, SC 29732",              href: "https://maps.app.goo.gl/T4fR8g8V8Y8Y8Y8Y8"},
            {
              label: "(704) 712-8662",              href: "tel:+17047128662"},
          ],
        },
      ]}
      copyrightText="© 2024 Happy City Cairo Cuisine Food Truck. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
