'use client';

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award } from 'lucide-react';

const navItems = [
  { name: "Home", id: "/" },
  { name: "About", id: "/about" },
  { name: "Contact", id: "/contact" }
];

export default function HomePage() {
  return (
    <ThemeProvider 
      defaultButtonVariant="text-stagger" 
      defaultTextAnimation="entrance-slide" 
      borderRadius="rounded" 
      contentWidth="medium" 
      sizing="medium" 
      background="circleGradient" 
      cardStyle="glass-elevated" 
      primaryButtonStyle="gradient" 
      secondaryButtonStyle="glass" 
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered navItems={navItems} />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel 
          background={{ variant: "gradient-bars" }}
          title="Proper Fish & Chips. Done Right."
          description="Freshly prepared, perfectly fried, and served hot. A local favourite known for quality, consistency, and no shortcuts."
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" }
          ]}
          buttons={[{ text: "View Menu", href: "#menu" }]}
        />
      </div>
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Philosophy"
          title="What Makes Us Different"
          description="At Top Table, we keep things simple. Fresh fish, quality ingredients, and cooking in small batches to make sure every portion is served hot and at its best. No shortcuts—just proper fish and chips the way it should be."
          subdescription="Dedicated to quality since our inception."
          icon={Award}
          imageSrc="http://img.b2bpic.net/free-photo/female-cook-kitchen-cafe_1303-26161.jpg"
          imageAlt="kitchen interior chef preparing fish"
          useInvertedBackground={false}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardSixteen
          animationType="slide-up"
          textboxLayout="default"
          negativeCard={{ items: ["No frozen, industrial batches", "No compromise on fish sourcing", "No rushed service", "No hidden ingredients", "No artificial preservatives"] }}
          positiveCard={{ items: ["Cooked Fresh in small batches", "Generous, honest portions", "Friendly, welcoming service", "Locally sourced potatoes", "Family-owned values"] }}
          title="Our Standards"
          description="We prioritize quality over convenience, ensuring every plate served meets our high standards."
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          textboxLayout="split"
          title="What People Say"
          description="Honest feedback from our local community."
          testimonials={[
            { id: "1", title: "Great Spot", quote: "One of the best fish and chips I’ve had anywhere. Absolutely spot on and great service.", name: "Sarah J.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg", imageAlt: "happy customer eating fish and chips" },
            { id: "2", title: "Consistently Good", quote: "Freshly cooked, great portion size, and always served hot.", name: "Michael C.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg", imageAlt: "happy restaurant guest" },
            { id: "3", title: "Proper Chippy", quote: "Finally, a place that takes chips seriously. Always fresh and tasty.", name: "Emily R.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg", imageAlt: "diner eating meal restaurant" },
            { id: "4", title: "Highly Recommend", quote: "Best around here, friendly staff and delicious food every time.", name: "David K.", role: "New Customer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg", imageAlt: "happy regular customer portrait" },
            { id: "5", title: "Simply Quality", quote: "Never disappointed, portions are generous and cooked to perfection.", name: "Jenny L.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-living-farmhouse_23-2150621704.jpg", imageAlt: "satisfied restaurant client" }
          ]}
          useInvertedBackground={false}
        />
      </div>
      <div id="visit" data-section="visit">
        <ContactCTA
          tag="Visit Us"
          title="Ready for Proper Fish & Chips?"
          description="We accept cash payments to keep service fast and focused on quality. Visit us today to taste the difference."
          buttons={[{ text: "Get Directions", href: "#" }]}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="TOP TABLE"
          columns={[
            { title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Visit", href: "#visit" }] },
            { title: "Policies", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
          ]}
          copyrightText="© 2026 Top Table Fish & Chips"
        />
      </div>
    </ThemeProvider>
  );
}