"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Check, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Collections", id: "collections" },
            { name: "Why Us", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="Intrends Lifestyle"
          bottomLeftText="Hyderabad, India"
          bottomRightText="+91 80007 16661"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="INTRENDS"
          description="Hyderabad's Premium Destination for Men's Fashion."
          buttons={[
            { text: "Visit Store", href: "#contact" },
            { text: "Call Now", href: "tel:+918000716661" },
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-guy-with-cool-tattoos-sunglasses-leaning-wall-with-lights_181624-59814.jpg",              imageAlt: "Premium male fashion model"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-stylish-hipster-lambersexual-model-modern-man-dressed-red-checkered-shirt-fashion-male-posing-near-skyscraper-street-background-sunglasses-outdoors-sunset_158538-20184.jpg",              imageAlt: "Stylish streetwear model"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-suit-studio_1303-5846.jpg",              imageAlt: "Luxury fashion model"},
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Intrends Lifestyle"
          description={[
            "Intrends Lifestyle is a 5-star rated men's fashion destination in Hyderabad, offering premium brands, stylish collections, and quality fabrics at reasonable prices.",            "Loved by college students and young professionals, we deliver modern style at the right price. Our mission is to make premium fashion accessible to everyone who values quality and confidence.",            "Located in the heart of Hyderabad, we're your one-stop destination for trendy apparel, exclusive collections, and unforgettable fashion experiences."]}
          buttons={[
            { text: "Explore Collections", href: "#collections" },
            {
              text: "Get Directions",              href: "https://maps.google.com/?q=Intrends+Lifestyle+Hyderabad"},
          ]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardTwo
          title="Our Collections"
          description="Explore our curated selection of trendy menswear categories, carefully chosen to match every style and occasion."
          products={[
            {
              id: "1",              brand: "Intrends",              name: "T-Shirts Collection",              price: "Starting at ₹499",              rating: 5,
              reviewCount: "48 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/man-going-out-door_1098-12596.jpg",              imageAlt: "T-Shirts Collection"},
            {
              id: "2",              brand: "Intrends",              name: "Casual Shirts",              price: "Starting at ₹799",              rating: 5,
              reviewCount: "48 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-concentrated-businessman-listening-carefully-with-crossed-hands_181624-29443.jpg?_wi=1",              imageAlt: "Casual Shirts Collection"},
            {
              id: "3",              brand: "Intrends",              name: "Trendy Jeans",              price: "Starting at ₹1,299",              rating: 5,
              reviewCount: "48 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-posing-stairs-outside-looking-camera_613910-17923.jpg",              imageAlt: "Trendy Jeans Collection"},
            {
              id: "4",              brand: "Intrends",              name: "Streetwear",              price: "Starting at ₹599",              rating: 5,
              reviewCount: "48 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/lowangle-shot-handsome-stylish-spanish-man-posing-wall-background_181624-57127.jpg?_wi=1",              imageAlt: "Streetwear Collection"},
            {
              id: "5",              brand: "Intrends",              name: "Pastel Collections",              price: "Starting at ₹699",              rating: 5,
              reviewCount: "48 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-pink-clothes_158538-19953.jpg",              imageAlt: "Pastel Collections"},
            {
              id: "6",              brand: "Intrends",              name: "Branded Wear",              price: "Starting at ₹1,499",              rating: 5,
              reviewCount: "48 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19855.jpg?_wi=1",              imageAlt: "Branded Wear Collection"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTen
          title="Why Choose Intrends Lifestyle"
          description="Experience premium fashion with unbeatable quality and service at prices that won't break the bank."
          features={[
            {
              id: "1",              title: "Premium Quality Fabrics",              description: "We source only the finest materials and fabrics from trusted suppliers to ensure durability and comfort.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/blurry-shot-shop_23-2147652279.jpg?_wi=1",                imageAlt: "Store Interior"},
              items: [
                { icon: Check, text: "100% Authentic Materials" },
                { icon: Check, text: "Carefully Curated Selection" },
              ],
              reverse: false,
            },
            {
              id: "2",              title: "Affordable Pricing",              description: "Premium fashion doesn't have to be expensive. We believe quality should be accessible to everyone.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-concentrated-businessman-listening-carefully-with-crossed-hands_181624-29443.jpg?_wi=2",                imageAlt: "Casual Shirts Collection"},
              items: [
                { icon: Check, text: "Best Value for Money" },
                { icon: Check, text: "Regular Discounts & Offers" },
              ],
              reverse: true,
            },
            {
              id: "3",              title: "Latest Trends & Inclusive Community",              description: "Stay ahead of fashion trends with our constantly updated collections. We celebrate diversity and welcome everyone.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/lowangle-shot-handsome-stylish-spanish-man-posing-wall-background_181624-57127.jpg?_wi=2",                imageAlt: "Streetwear Collection"},
              items: [
                { icon: Check, text: "Weekly New Arrivals" },
                { icon: Check, text: "LGBTQ+ Friendly & Inclusive" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Trusted by Thousands"
          description="Join our growing community of fashion enthusiasts across Hyderabad who trust Intrends Lifestyle for their style needs."
          metrics={[
            {
              id: "1",              value: "5.0★",              title: "Star Rating",              description: "Consistently rated excellent by our customers",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "Happy customer"},
            {
              id: "2",              value: "48+",              title: "Happy Customers",              description: "Growing number of satisfied fashion enthusiasts",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",              imageAlt: "Satisfied customer"},
            {
              id: "3",              value: "100+",              title: "Premium Brands",              description: "Multiple trusted brands available in store",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19855.jpg?_wi=2",              imageAlt: "Brand collection"},
            {
              id: "4",              value: "24/7",              title: "Open Daily",              description: "Convenient shopping hours until 11 PM",              imageSrc: "http://img.b2bpic.net/free-photo/blurry-shot-shop_23-2147652279.jpg?_wi=2",              imageAlt: "Store open"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Real reviews from real customers who love shopping at Intrends Lifestyle."
          testimonials={[
            {
              id: "1",              name: "Arjun Sharma",              role: "College Student",              testimonial: "Best quality reasonable prices ❤️ The collection is amazing and the staff is super helpful!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "Arjun Sharma"},
            {
              id: "2",              name: "Rahul Patel",              role: "Young Professional",              testimonial: "Good quality best collections in store. All brands available. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2",              imageAlt: "Rahul Patel"},
            {
              id: "3",              name: "Vikram Singh",              role: "Fashion Enthusiast",              testimonial: "Stylish dresses and great experience. Must visit! The staff understands what you need.",              imageSrc: "http://img.b2bpic.net/free-photo/freelance-concept-with-man-holding-laptop_23-2148022677.jpg",              imageAlt: "Vikram Singh"},
            {
              id: "4",              name: "Aditya Kumar",              role: "Student",              testimonial: "Amazing collection, friendly staff, and prices that fit my budget. Love this place!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-smiling-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10424.jpg",              imageAlt: "Aditya Kumar"},
            {
              id: "5",              name: "Nikhil Reddy",              role: "Entrepreneur",              testimonial: "Premium quality at affordable prices. This is where I get all my fashion needs sorted.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3",              imageAlt: "Nikhil Reddy"},
            {
              id: "6",              name: "Dev Desai",              role: "Tech Professional",              testimonial: "Intrends Lifestyle is the best! Great variety, excellent customer service, highly recommended.",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset-using-smartphonetalking_158538-20640.jpg",              imageAlt: "Dev Desai"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Visit Intrends Lifestyle Today"
          description="Located in the heart of Hyderabad. Open daily until 11 PM. Call us or visit the store for the latest collections and expert style advice."
          tagIcon={MapPin}
          tagAnimation="slide-up"
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Intrends Lifestyle"
          copyrightText="© 2025 Intrends Lifestyle. All Rights Reserved."
          columns={[
            {
              title: "Store",              items: [
                {
                  label: "Visit Us",                  href: "https://maps.google.com/?q=Intrends+Lifestyle+Hyderabad"},
                { label: "Store Hours", href: "#" },
                { label: "Call Us", href: "tel:+918000716661" },
              ],
            },
            {
              title: "Collections",              items: [
                { label: "T-Shirts", href: "#collections" },
                { label: "Casual Wear", href: "#collections" },
                { label: "Streetwear", href: "#collections" },
                { label: "Branded Wear", href: "#collections" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "WhatsApp", href: "#" },
                { label: "Contact", href: "#contact" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
