"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Users, Star, Glasses } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="fluid"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Mahadev Opticals"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "Collections", id: "#collections" },
            { name: "Brands", id: "#brands" },
            { name: "Services", id: "#features" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="MAHADEV OPTICALS"
          description="Discover premium eyewear collections, advanced eye testing, and luxury optical solutions trusted by thousands in Karimnagar."
          background={{
            variant: "sparkles-gradient"
          }}
          useInvertedBackground={false}
          buttons={[
            { text: "Book Eye Test", href: "#contact" },
            { text: "Explore Collection", href: "#collections" }
          ]}
          testimonials={[]}
          mediaAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERYLWr0Bg9crxtlASEmLAabJsa/uploaded-1780148530865-n1sieyl0.avif"
          imageAlt="Luxury eyewear model with premium sunglasses"
        />
      </div>
      <div id="about" data-section="about">
        <SplitAbout
          title="11+ Years of Excellence"
          description="Mahadev Opticals has been delivering premium vision care and luxury eyewear solutions with exceptional customer satisfaction and professional expertise, setting benchmarks in optical retail and eye care in Karimnagar."
          mediaAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERYLWr0Bg9crxtlASEmLAabJsa/uploaded-1780148678200-osd96j86.webp"
          imageAlt="Elegant optical showroom interior"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={true}
          bulletPoints={[]}
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Legacy of Trust and Innovation"
          description="Building on over a decade of dedicated service, we celebrate key milestones that reflect our unwavering commitment to quality and customer satisfaction."
          metrics={[
            { id: "m1", icon: Sparkles, title: "Years Experience", value: "11+" },
            { id: "m2", icon: Users, title: "Happy Customers", value: "5000+" },
            { id: "m3", icon: Star, title: "Customer  Rating", value: "4.9★" },
            { id: "m4", icon: Glasses, title: "Premium Frame Collections", value: "100+" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="collections" data-section="collections">
        <ProductCardThree
          title="Explore Our Luxury Collections & Gallery"
          description="Indulge in our exclusive range of designer frames, premium sunglasses, and advanced lens technologies. Each piece is a blend of artistry and optical precision. Discover our exquisite gallery showcasing store interiors, happy customers, and our diverse eyewear selection."
          products={[
            { id: "p1", name: "Designer Frames", price: "From ₹8,000", imageSrc: "http://img.b2bpic.net/free-photo/medical-desk-assortment-with-empty-clipboard_23-2148502871.jpg", imageAlt: "Luxury prescription frames" },
            { id: "p2", name: "Premium Sunglasses", price: "From ₹6,000", imageSrc: "http://img.b2bpic.net/free-photo/colorful-transparent-sunglasses_52683-107511.jpg", imageAlt: "Premium stylish sunglasses" },
            { id: "p3", name: "Contact Lenses", price: "From ₹1,500", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-contact-lenses-case-with-copy-space_23-2148429650.jpg", imageAlt: "Comfortable contact lenses" },
            { id: "p4", name: "Kids Collection", price: "From ₹3,000", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-sunglasses-necklace_23-2149409795.jpg", imageAlt: "Stylish eyewear for children" },
            { id: "p5", name: "Blue Cut Lenses", price: "From ₹2,500", imageSrc: "http://img.b2bpic.net/free-photo/young-workaholic_1098-13345.jpg", imageAlt: "Blue cut lenses for digital protection" },
            { id: "p6", name: "Progressive Lenses", price: "From ₹7,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-young-woman-wearing-glasses_1262-4778.jpg", imageAlt: "Advanced vision progressive lenses" }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="brands" data-section="brands">
        <SocialProofOne
          title="Showcasing World-Class Brands"
          description="Partnering with the most prestigious names in eyewear to bring you unparalleled quality and style."
          names={[
            "Ray-Ban",            "Oakley",            "Vogue",            "Fastrack",            "Police",            "Carrera",            "Tommy Hilfiger",            "TITAN"
          ]}
          showCard={false}
          speed={60}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Why Mahadev Opticals Stands Apart"
          description="Experience the difference with our commitment to advanced technology, personalized care, and an unrivaled selection of luxury eyewear, ensuring your complete satisfaction."
          features={[
            { id: "f1", title: "Computerized Eye Testing", tags: ["Advanced"], imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-working-her-ophthalmology-clinic_23-2149082455.jpg", imageAlt: "Computerized Eye Testing Equipment" },
            { id: "f2", title: "Certified Optometrists", tags: ["Expert"], imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-eyeglasses-frame-shop_23-2148273164.jpg", imageAlt: "Certified Optometrist at work" },
            { id: "f3", title: "Premium International Brands", tags: ["Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/attractive-brown-eyed-brunette-woman-with-red-lipstick-dressed-bright-knitted-jacket-beige-top-looking-into-camera-through-glasses-against-windows_197531-14753.jpg", imageAlt: "Display of Premium International Brands" },
            { id: "f4", title: "Latest Lens Technology", tags: ["Innovation"], imageSrc: "http://img.b2bpic.net/free-photo/light-trails-camera-lens_181624-3382.jpg", imageAlt: "Close up of latest lens technology" },
            { id: "f5", title: "Affordable Luxury", tags: ["Value"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-hat-sunglasses_23-2148495445.jpg", imageAlt: "Stylish glasses representing affordable luxury" },
            { id: "f6", title: "Fast Delivery", tags: ["Convenient"], imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-eyeglasses-medium-shot_23-2148346161.jpg", imageAlt: "Fast delivery service package eyewear" },
            { id: "f7", title: "Personalized Service", tags: ["Tailored"], imageSrc: "http://img.b2bpic.net/free-photo/light-equipment-grey-technology-serious_1134-1423.jpg", imageAlt: "Personalized eye care consultation customer" },
            { id: "f8", title: "Accurate Prescriptions", tags: ["Precision"], imageSrc: "http://img.b2bpic.net/free-photo/client-ophthalmologist-s-office_52683-135805.jpg", imageAlt: "Eye chart for accurate prescriptions" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Esteemed Clients Say"
          description="Hear from the thousands who trust Mahadev Opticals for their luxury vision needs and exceptional service, praising our expertise and premium offerings."
          testimonials={[
            { id: "t1", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "Mahadev Opticals provides an unparalleled experience. The frames are exquisite, and the service is truly world-class. My vision has never been clearer!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479576.jpg", imageAlt: "Sarah Johnson" },
            { id: "t2", name: "Dr. Anand Kumar", handle: "@dr_anand", testimonial: "As a doctor, precision is paramount. Mahadev Opticals delivered with accurate prescriptions and a vast selection of premium brands. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-time-young-handsome-man-white-shirt-black-jacket-expressing-positivity-talking-phone-leadership-great-career-manager-cheerful-mood_197531-2121.jpg", imageAlt: "Dr. Anand Kumar" },
            { id: "t3", name: "Priya Sharma", handle: "@priya_s", testimonial: "The staff are incredibly knowledgeable and guided me to the perfect pair of sunglasses. The luxury feel of the store and products is unmatched in Karimnagar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-lady-drinking-tea-cafe_1303-10730.jpg", imageAlt: "Priya Sharma" },
            { id: "t4", name: "Rajesh Gupta", handle: "@rajesh_g", testimonial: "From eye testing to delivery, every step was seamless. Mahadev Opticals combines sophistication with genuine care. My new frames are simply stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", imageAlt: "Rajesh Gupta" },
            { id: "t5", name: "Fatima Begum", handle: "@fatima_b", testimonial: "I brought my whole family here for eye tests and new glasses. The kids' collection is fantastic, and the service for adults is incredibly professional. A truly luxurious experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-street-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-women-guy-making-photo-selfie-smartphone_158538-16274.jpg", imageAlt: "Fatima Begum" },
            { id: "t6", name: "Vikram Reddy", handle: "@vikram_r", testimonial: "The virtual try-on experience was a game-changer! I found my ideal frames with ease, and the quality upon arrival exceeded all expectations. Mahadev Opticals is top-tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg", imageAlt: "Vikram Reddy" }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Seamless Experience"
          title="Book Your Professional Eye Examination"
          description="Schedule your comprehensive eye test with our certified optometrists for precise prescriptions and personalized vision care. Provide your details below, and we will contact you to confirm your appointment. You can also connect via WhatsApp or call us directly. We are located in Karimnagar, Telangana. Mahadev Opticals: Luxury Vision. Timeless Style. Phone: +91 97036 49499"
          buttons={[
            { text: "Schedule Appointment", href: "#" },
            { text: "WhatsApp Us", href: "https://wa.me/919703649499" },
            { text: "Call Now", href: "tel:+919703649499" }
          ]}
          background={{
            variant: "plain"
          }}
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            { title: "Mahadev Opticals", items: [{ label: "Luxury Vision. Timeless Style.", href: "#" }, { label: "Karimnagar, Telangana", href: "#" }] },
            { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Collections", href: "#collections" }, { label: "Brands", href: "#brands" }, { label: "Services", href: "#features" }] },
            { title: "Services", items: [{ label: "Eye Examination", href: "#contact" }, { label: "Designer Frames", href: "#collections" }, { label: "Premium Sunglasses", href: "#collections" }, { label: "Lens Technology", href: "#features" }] },
            { title: "Contact", items: [{ label: "+91 97036 49499", href: "tel:+919703649499" }, { label: "Book Appointment", href: "#contact" }, { label: "Get Directions", href: "https://maps.google.com/?q=Mahadev+Opticals+Karimnagar" }] }
          ]}
          bottomLeftText="© 2026 Mahadev Opticals. All Rights Reserved."
          bottomRightText="Luxury Vision. Timeless Style."
        />
      </div>
    </ThemeProvider>
  );
}