"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import TextAbout from "@/components/sections/about/TextAbout";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Imtiaz Mega"
          navItems={[
            { name: "Categories", id: "categories" },
            { name: "Why Choose Us", id: "why-us" },
            { name: "Experience", id: "experience" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" },
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Your One-Stop Shopping Destination in Quetta"
          description="Fresh groceries, bakery items, electronics, household essentials, and fashion — all under one roof at BA Mall. Experience world-class shopping with thousands of quality products at competitive prices."
          tag="Welcome to Imtiaz"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Shop Categories", href: "categories" },
            { text: "View Offers", href: "#" },
          ]}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/couple-medical-protective-mask-supermarket_1157-46703.jpg",              imageAlt: "Modern supermarket interior"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-composition-with-greens-inside-frame-white-table_140725-142910.jpg",              imageAlt: "Fresh groceries and produce section"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273142.jpg",              imageAlt: "Fresh bakery items"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-checking-fruit_23-2149445499.jpg",              imageAlt: "Electronics department"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/what-you-think-about-my-new-blouse_329181-8064.jpg",              imageAlt: "Fashion and clothing section"},
          ]}
        />
      </div>

      <div id="categories" data-section="categories">
        <ProductCardTwo
          title="Shop by Category"
          description="Browse our wide selection of products across all categories. Find everything you need in one convenient location."
          tag="Categories"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Fresh Market",              name: "Fresh Groceries",              price: "Everyday Savings",              rating: 5,
              reviewCount: "2.5k",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-sun-hat-market-place_23-2148648899.jpg?_wi=1",              imageAlt: "Fresh groceries and produce"},
            {
              id: "2",              brand: "Daily Fresh",              name: "Bakery Items",              price: "Fresh Daily",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/different-types-pastries-glass-cabinet-with-price-tag_23-2148028012.jpg?_wi=1",              imageAlt: "Fresh baked goods"},
            {
              id: "3",              brand: "Home Care",              name: "Household Essentials",              price: "Best Value",              rating: 4,
              reviewCount: "1.2k",              imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bottles_23-2148883400.jpg?_wi=1",              imageAlt: "Household essentials and cleaning supplies"},
            {
              id: "4",              brand: "Tech Zone",              name: "Electronics",              price: "Latest Tech",              rating: 5,
              reviewCount: "890",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-developing-photos-darkroom_23-2149893815.jpg?_wi=1",              imageAlt: "Electronics and gadgets"},
            {
              id: "5",              brand: "Fashion Hub",              name: "Fashion & Apparel",              price: "Trendy Styles",              rating: 4,
              reviewCount: "1.5k",              imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118047.jpg",              imageAlt: "Fashion and clothing collection"},
            {
              id: "6",              brand: "Kids World",              name: "Kids & Toys",              price: "Fun & Learning",              rating: 5,
              reviewCount: "920",              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-arranging-colorful-flowering-plants-shelf_23-2147948299.jpg",              imageAlt: "Kids toys and games"},
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardNine
          title="Why Choose Imtiaz Mega Store"
          description="Experience the difference with our commitment to quality, competitive pricing, and exceptional customer service. From fresh produce to latest electronics, we have everything you need."
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Huge Product Variety",              description: "Thousands of products across groceries, bakery, electronics, household items, and fashion all under one roof.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/female-friends-fighting-with-bread-baguettes_23-2148721123.jpg?_wi=1",                imageAlt: "Store interior"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-sun-hat-market-place_23-2148648899.jpg?_wi=2",                imageAlt: "Fresh groceries"},
            },
            {
              id: 2,
              title: "Competitive Prices",              description: "We offer the best prices in Quetta with regular discounts and special promotions for our valued customers.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bottles_23-2148883400.jpg?_wi=2",                imageAlt: "Household items"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/tasty-cinnamon-rolls-arrangement_23-2148904687.jpg?_wi=1",                imageAlt: "Bakery display"},
            },
            {
              id: 3,
              title: "Fresh Quality Guarantee",              description: "All our produce and products are fresh and sourced daily. We guarantee the highest quality standards.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/different-types-pastries-glass-cabinet-with-price-tag_23-2148028012.jpg?_wi=2",                imageAlt: "Bakery section"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-developing-photos-darkroom_23-2149893815.jpg?_wi=2",                imageAlt: "Electronics"},
            },
            {
              id: 4,
              title: "Convenient Services",              description: "Enjoy free delivery, on-site services, accessible facilities, and a clean, spacious shopping environment.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-child-shopping-cart-buying-food_171337-2392.jpg",                imageAlt: "Store interior"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5781.jpg",                imageAlt: "Clothing section"},
            },
          ]}
        />
      </div>

      <div id="experience" data-section="experience">
        <TextAbout
          tag="Store Experience"
          title="Imtiaz Mega Store brings a world-class shopping experience to Quetta with thousands of products across groceries, electronics, fashion, and daily essentials. Our modern, spacious store features wheelchair-accessible entrances, on-site parking, and a clean shopping environment designed for your convenience."
          useInvertedBackground={false}
          buttons={[
            { text: "Get Directions", href: "#" },
            { text: "Learn More", href: "#" },
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Join thousands of satisfied customers who trust Imtiaz Mega Store for their daily shopping needs."
          tag="Customer Reviews"
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Fatima Khan",              handle: "@fatimaK",              testimonial: "Great experience at Imtiaz Mega Store. Most daily items are available at better rates compared to local markets. The store is clean and well-organized.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-female-blogger-with-nose-ring-laughing-while-recording-podcast-using-headset_343059-3799.jpg",              imageAlt: "Fatima Khan customer review"},
            {
              id: "2",              name: "Ahmed Ali",              handle: "@ahmedali",              testimonial: "A huge one-stop store with a wide range of choices. Everything from fresh groceries to electronics is available. Highly recommended!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-european-man-glasses-suit-smiling-excited-looking-camera-with-amazed-happy-face-w_1258-154166.jpg",              imageAlt: "Ahmed Ali customer review"},
            {
              id: "3",              name: "Sophia Williams",              handle: "@sophiaw",              testimonial: "Excellent customer service and product quality. The staff is helpful and friendly. I shop here regularly for all my household needs.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",              imageAlt: "Sophia Williams customer review"},
            {
              id: "4",              name: "Hassan Muhammad",              handle: "@hasanm",              testimonial: "Best supermarket in Quetta. Competitive prices, fresh produce, and convenient location at BA Mall. Perfect for family shopping.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-man-showing-thumbs-up-isolated_141793-68759.jpg",              imageAlt: "Hassan Muhammad customer review"},
            {
              id: "5",              name: "Ayesha Malik",              handle: "@ayeshamalik",              testimonial: "Love shopping at Imtiaz! The variety is amazing and prices are very reasonable. The bakery section has the freshest items.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-microphone-studio_1303-26320.jpg",              imageAlt: "Ayesha Malik customer review"},
            {
              id: "6",              name: "Usman Khan",              handle: "@usmanK",              testimonial: "One of the best shopping experiences in Quetta. Clean environment, good variety, and helpful staff. Will definitely recommend to friends and family.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg",              imageAlt: "Usman Khan customer review"},
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <MetricCardEleven
          title="Our Services"
          description="We offer a comprehensive range of services to make your shopping experience seamless and convenient."
          tag="Services"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "Free",              title: "Home Delivery",              description: "Order online and get your groceries delivered to your door",              imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-products-super-market_1303-29621.jpg",              imageAlt: "Delivery service illustration"},
            {
              id: "2",              value: "24/7",              title: "In-Store Shopping",              description: "Visit our spacious store for a complete shopping experience",              imageSrc: "http://img.b2bpic.net/free-photo/female-friends-fighting-with-bread-baguettes_23-2148721123.jpg?_wi=2",              imageAlt: "In-store shopping experience"},
            {
              id: "3",              value: "All",              title: "Payment Methods",              description: "Credit cards, debit cards, NFC mobile payments accepted",              imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-phone-technology-store_1303-31328.jpg",              imageAlt: "Payment methods available"},
            {
              id: "4",              value: "5★",              title: "Quality Assurance",              description: "Every product undergoes quality checks before reaching you",              imageSrc: "http://img.b2bpic.net/free-photo/tasty-cinnamon-rolls-arrangement_23-2148904687.jpg?_wi=2",              imageAlt: "Quality assurance process"},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          title="Visit Imtiaz Mega Store Today"
          description="Located at BA Mall, Quetta, Pakistan. Open daily with convenient parking and accessible entrances. Contact us for any inquiries or special requests."
          buttons={[
            { text: "Get Directions", href: "#" },
            { text: "Call Us: (021) 111 468 429", href: "tel:+92211114684429" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "About",              items: [
                { label: "About Imtiaz", href: "#" },
                { label: "Our Store", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "Home Delivery", href: "#" },
                { label: "In-Store Shopping", href: "#" },
                { label: "Payment Methods", href: "#" },
                { label: "Gift Cards", href: "#" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "Location", href: "#" },
                { label: "Phone: (021) 111 468 429", href: "tel:+92211114684429" },
                { label: "Email: info@imtiaz.com.pk", href: "mailto:info@imtiaz.com.pk" },
                { label: "Website: imtiaz.com.pk", href: "https://imtiaz.com.pk" },
              ],
            },
          ]}
          copyrightText="© 2025 Imtiaz Mega Store. All rights reserved. | Privacy Policy | Terms of Service"
        />
      </div>
    </ThemeProvider>
  );
}
