"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { History, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLarge"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Menu",
          id: "#signature-dishes",
        },
        {
          name: "About",
          id: "#about-us",
        },
        {
          name: "Reviews",
          id: "#customer-reviews",
        },
        {
          name: "Gallery",
          id: "#gallery",
        },
        {
          name: "Visit Us",
          id: "#visit-us",
        },
      ]}
      brandName="The Welcome Inne"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCarouselLogo
      logoText="The Welcome Inne"
      description="Scarborough's Favourite Traditional Seaside Restaurant. Serving freshly prepared British classics, famous fish & chips, homemade desserts, and warm Yorkshire hospitality."
      buttons={[
        {
          text: "View Menu",
          href: "#signature-dishes",
        },
        {
          text: "Visit Us Today",
          href: "#visit-us",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/nuggets-french-fries-beautifully-served_23-2148113583.jpg",
          imageAlt: "Freshly prepared fish and chips overlooking Scarborough seafront",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2239.jpg",
          imageAlt: "Close-up of a cinematic seafood dish",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-enjoying-their-time-sunset-cafe-potamos-beach-greece_181624-27427.jpg",
          imageAlt: "Scarborough coast at sunset with restaurant",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-table-assortment-with-plant_23-2148914895.jpg",
          imageAlt: "Warm and welcoming restaurant interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-creamy-cake-with-different-fresh-berries-bright-light-desk-berry-fruit-fresh-sour_140725-32510.jpg",
          imageAlt: "Assortment of homemade desserts",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-tea-time_23-2151936758.jpg",
          imageAlt: "Traditional pot of tea with cozy setting",
        },
      ]}
      autoplayDelay={5000}
      showDimOverlay={true}
      ariaLabel="Hero section with carousel showing food and coastal views"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Freshly Cooked Daily",
          description: "Enjoy traditional British dishes prepared fresh every day, using the finest local ingredients.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-chopping-onion-by-knife-wooden-board_169016-52102.jpg",
          imageAlt: "Chef preparing fresh ingredients",
        },
        {
          title: "Family Friendly",
          description: "A welcoming and relaxed atmosphere, perfect for families to create lasting memories by the sea.",
          imageSrc: "http://img.b2bpic.net/free-photo/multicultural-family-spending-time-together-table_23-2148467040.jpg",
          imageAlt: "Happy family dining in a restaurant",
        },
        {
          title: "Dog Friendly",
          description: "Bring your beloved four-legged companions and enjoy a delightful meal together in our designated areas.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-adorable-chihuahua-dog-house_23-2149880078.jpg",
          imageAlt: "Dog sitting under a restaurant table",
        },
      ]}
      title="Experience The Welcome Inne"
      description="Discover what makes us Scarborough's cherished seaside restaurant, offering delightful experiences for everyone."
    />
  </div>

  <div id="signature-dishes" data-section="signature-dishes">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "fish-chips",
          name: "Fish & Chips",
          price: "£14.50",
          imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-cheese-served-with-lemon_140725-6605.jpg",
          imageAlt: "Crispy fish and chips with mushy peas",
        },
        {
          id: "cod-chips",
          name: "Cod & Chips",
          price: "£15.95",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-chips-with-forks-lemon_23-2148784852.jpg",
          imageAlt: "Golden battered cod and chips",
        },
        {
          id: "steak-pie",
          name: "Homemade Steak Pie",
          price: "£13.75",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-spinach-ricotta-quiche-baked-flaky-crust_9975-124418.jpg",
          imageAlt: "Traditional homemade steak pie",
        },
        {
          id: "pot-tea",
          name: "Traditional Pot of Tea",
          price: "£3.50",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissant-cup-tea-teabag-paper-doily-wooden-background_141793-8421.jpg",
          imageAlt: "Classic British pot of tea",
        },
        {
          id: "desserts",
          name: "Homemade Desserts",
          price: "From £6.00",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-chocolate-chips-cake-with-raisins-fruits-white-background-pie-cookie-biscuit-sweet-cake_140725-115586.jpg",
          imageAlt: "Assortment of homemade desserts",
        },
        {
          id: "apple-crumble",
          name: "Apple Crumble",
          price: "£6.50",
          imageSrc: "http://img.b2bpic.net/free-photo/red-apples-near-charlotte_23-2147947951.jpg",
          imageAlt: "Warm apple crumble with custard",
        },
      ]}
      title="Our Signature Dishes"
      description="Savour the authentic taste of traditional British cuisine, lovingly prepared with fresh ingredients."
    />
  </div>

  <div id="about-us" data-section="about-us">
      <AboutMetric
      useInvertedBackground={false}
      title="A Scarborough Tradition"
      metrics={[
        {
          icon: History,
          label: "Years of Tradition",
          value: "Decades",
        },
        {
          icon: Utensils,
          label: "Delicious Meals Served",
          value: "Thousands",
        },
        {
          icon: Star,
          label: "Customer Rating",
          value: "4.3★",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="customer-reviews" data-section="customer-reviews">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "review-1",
          name: "Sarah Johnson",
          role: "Local Resident",
          testimonial: "Always excellent home cooked food, great service and great prices.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",
          imageAlt: "Photo of Sarah Johnson",
        },
        {
          id: "review-2",
          name: "Michael Chen",
          role: "Tourist from London",
          testimonial: "Lovely clean comfortable place to eat with fantastic food. Highly recommend the cod!",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-ice-cream_23-2149005364.jpg",
          imageAlt: "Photo of Michael Chen",
        },
        {
          id: "review-3",
          name: "Emily Rodriguez",
          role: "Family Visitor",
          testimonial: "Cod and chips cooked to perfection and incredibly friendly staff. A real gem in Scarborough.",
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-pointing-front-isolated-white_141793-84115.jpg",
          imageAlt: "Photo of Emily Rodriguez",
        },
        {
          id: "review-4",
          name: "David Kim",
          role: "Food Blogger",
          testimonial: "A truly authentic British seaside dining experience. The steak pie was phenomenal!",
          imageSrc: "http://img.b2bpic.net/free-photo/three-stylish-young-people-having-fun-lunch-cafe-talking-each-other-laughing-jokes_273609-9011.jpg",
          imageAlt: "Photo of David Kim",
        },
        {
          id: "review-5",
          name: "Olivia Smith",
          role: "Dog Owner",
          testimonial: "So lovely to find a dog-friendly spot with such delicious food. Our furry friend loved it too!",
          imageSrc: "http://img.b2bpic.net/free-photo/picture-cheerful-mixed-race-women-cooperate-together-make-selfie-photo-sharing-social-networks_273609-18144.jpg",
          imageAlt: "Photo of Olivia Smith",
        },
      ]}
      title="What Our Visitors Say"
      description="Hear from our cherished customers who experienced warm hospitality and delicious food."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "g-1",
          name: "Classic Fish & Chips",
          price: "View Menu",
          imageSrc: "http://img.b2bpic.net/free-photo/barbecue-with-fried-potatoes-seen-from_1232-994.jpg",
          imageAlt: "Classic Fish and Chips",
        },
        {
          id: "g-2",
          name: "Warm Interior",
          price: "Visit Us",
          imageSrc: "http://img.b2bpic.net/free-photo/vintage-chairs-antique-store_23-2149640752.jpg",
          imageAlt: "Restaurant Interior",
        },
        {
          id: "g-3",
          name: "Dine-In Experience",
          price: "Book Now",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
          imageAlt: "Dining Experience",
        },
        {
          id: "g-4",
          name: "Afternoon Tea",
          price: "View Menu",
          imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-waffles-grey-concrete-table_114579-6684.jpg",
          imageAlt: "Tea Service",
        },
        {
          id: "g-5",
          name: "Homemade Desserts",
          price: "View Menu",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg",
          imageAlt: "Desserts",
        },
        {
          id: "g-6",
          name: "Scarborough Coast",
          price: "Visit Us",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-dock-surrounded-by-stones-leading-sea-sunset_181624-26402.jpg",
          imageAlt: "Coastal Scarborough Atmosphere",
        },
      ]}
      title="Gallery of Memories"
      description="A visual journey through our delicious dishes, welcoming interiors, and the beautiful Scarborough coast."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m-1",
          value: "4.3★",
          title: "Customer Rating",
          description: "Based on 744+ authentic reviews.",
          imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133787.jpg",
          imageAlt: "Star rating icon",
        },
        {
          id: "m-2",
          value: "1000s+",
          title: "Meals Served",
          description: "Delighting palates with traditional British cuisine for years.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg",
          imageAlt: "Plate of food being served",
        },
        {
          id: "m-3",
          value: "Always",
          title: "Dog Friendly",
          description: "Your furry friends are always welcome in our designated areas.",
          imageSrc: "http://img.b2bpic.net/free-vector/cute-dog-cat-sleeping-together-cartoon-vector-icon-illustration-animal-nature-icon-concept-isol_138676-5678.jpg",
          imageAlt: "Dog paw print icon",
        },
        {
          id: "m-4",
          value: "Always",
          title: "Family Friendly",
          description: "A warm and inviting atmosphere for all ages to enjoy.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574119.jpg",
          imageAlt: "Family icon",
        },
        {
          id: "m-5",
          value: "Prime",
          title: "Seafront Location",
          description: "Enjoy stunning views and easy access to Scarborough's coast.",
          imageSrc: "http://img.b2bpic.net/free-photo/location-symbol-street-city_23-2149764154.jpg",
          imageAlt: "Map pin icon over coastal view",
        },
      ]}
      title="Why Visitors Love Us"
      description="Our commitment to quality, tradition, and hospitality makes The Welcome Inne a cherished destination."
    />
  </div>

  <div id="visit-us" data-section="visit-us">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Plan Your Visit"
      title="Experience The Welcome Inne"
      description="Find us at 22 Sandside, Scarborough YO11 1PE. We look forward to welcoming you!"
      buttons={[
        {
          text: "Get Directions",
          href: "https://www.google.com/maps/search/?api=1&query=22+Sandside%2C+Scarborough+YO11+1PE",
        },
        {
          text: "Call Now",
          href: "tel:+441723123456",
        },
        {
          text: "Book a Table",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/chair-table-terrace-restaurant-with-sea-view_1339-7119.jpg"
      imageAlt="Scarborough seafront restaurant at dusk"
      logoText="The Welcome Inne"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Menu",
              href: "#signature-dishes",
            },
            {
              label: "About Us",
              href: "#about-us",
            },
            {
              label: "Gallery",
              href: "#gallery",
            },
          ],
        },
        {
          title: "Visit",
          items: [
            {
              label: "Address",
              href: "https://www.google.com/maps/search/?api=1&query=22+Sandside%2C+Scarborough+YO11+1PE",
            },
            {
              label: "Contact",
              href: "#visit-us",
            },
            {
              label: "Book a Table",
              href: "#",
            },
            {
              label: "Takeaway",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "TripAdvisor",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 The Welcome Inne. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
