"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Facebook, Instagram, MessageCircle, MessageSquare, Package, Palette, ShieldCheck, Sparkles, Star, Tag, Truck, Wallet, Zap, Headset } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About",          id: "/about"},
        {
          name: "Products",          id: "/#products"},
        {
          name: "Offers",          id: "/#offers"},
        {
          name: "FAQ",          id: "/faq"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Vamshi Fashion"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Step into Style with Vamshi Fashion"
      description="Discover the latest trends and timeless classics. Quality fashion for everyone at prices you'll love. Welcome to the 999 Store!"
      testimonials={[
        {
          name: "Radhika Sharma",          handle: "@radhikastyle",          testimonial: "Amazing quality at a great price!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",          imageAlt: "Radhika Sharma"},
        {
          name: "Deepak Kumar",          handle: "@deepakfashion",          testimonial: "Very happy with my purchase. Fast delivery too!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",          imageAlt: "Deepak Kumar"},
        {
          name: "Priya Singh",          handle: "@priyachic",          testimonial: "Fast delivery and excellent service. My new favorite store!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-cute-smiling-brunette-woman-girl-casual-clothes_158538-2611.jpg",          imageAlt: "Priya Singh"},
        {
          name: "Amit Patel",          handle: "@amitwear",          testimonial: "Best fashion store in the area. Highly recommend Vamshi Fashion.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg",          imageAlt: "Amit Patel"},
        {
          name: "Rajesh Singh",          handle: "@rajeshfashion",          testimonial: "Exceptional service and superb quality. Vamshi Fashion never disappoints!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",          imageAlt: "Portrait of a happy young businessman looking at camera"},
      ]}
      buttons={[
        {
          text: "Shop Men",          href: "/#products"},
        {
          text: "Shop Women",          href: "/#products"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",          alt: "Radhika Sharma"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-tennis-player-court_329181-14408.jpg",          alt: "Deepak Kumar"},
        {
          src: "http://img.b2bpic.net/free-photo/elegant-woman-romantic-red-dress-makeup-showing-okay-sign-smiling-recommending-good-thing_1258-174502.jpg",          alt: "Priya Singh"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406003.jpg",          alt: "Amit Patel"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-dark-skinned-girl-looks-joyfully_273609-28709.jpg",          alt: "Close up shot of attractive dark skinned girl looks joyfully"},
      ]}
      avatarText="Join 10,000+ Happy Shoppers"
      imageSrc="http://img.b2bpic.net/free-photo/girl-lifestyle-shoes-footwear-fashion_1303-659.jpg"
      imageAlt="Stylish fashion models showcasing Vamshi Fashion collection"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Latest Trends",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Fast Shipping",          icon: Truck,
        },
        {
          type: "text-icon",          text: "Quality Assured",          icon: ShieldCheck,
        },
        {
          type: "text-icon",          text: "Affordable Prices",          icon: Wallet,
        },
        {
          type: "text-icon",          text: "5-Star Rated",          icon: Star,
        },
      ]}
    />
  </div>

  <div id="highlights" data-section="highlights">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "10,000+",          description: "Happy Customers"},
        {
          id: "m2",          value: "5-Star",          description: "Average Rating"},
        {
          id: "m3",          value: "500+",          description: "New Arrivals Monthly"},
      ]}
      title="Our Journey So Far"
      description="Vamshi Fashion is a new store, growing fast with a community of happy customers who trust us for quality and style."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Vamshi Fashion",          name: "Men's Stylish Casual Shirt",          price: "₹999",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/male-clothes_23-2147635503.jpg",          imageAlt: "Men's blue casual shirt"},
        {
          id: "p2",          brand: "Vamshi Fashion",          name: "Women's Elegant Summer Dress",          price: "₹1499",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/amazing-blonde-with-long-curly-hairstyle-natural-makeup-shooting-studio-fashion-magazine-wearing-black-party-dress-with-sparkles-high-heel-shoes-professional-model-gorgeous-lady_343629-245.jpg",          imageAlt: "Women's floral summer dress"},
        {
          id: "p3",          brand: "Vamshi Fashion",          name: "Kids' Playful Graphic T-Shirt",          price: "₹499",          rating: 4,
          reviewCount: "80",          imageSrc: "http://img.b2bpic.net/free-vector/everything-will-be-ok-lettering-with-rainbow_23-2148487010.jpg",          imageAlt: "Kids' colorful graphic t-shirt"},
        {
          id: "p4",          brand: "Vamshi Fashion",          name: "Unisex Trendy Sneakers",          price: "₹1999",          rating: 5,
          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg",          imageAlt: "Trendy white sneakers"},
        {
          id: "p5",          brand: "Vamshi Fashion",          name: "Women's Luxury Handbag",          price: "₹2499",          rating: 5,
          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-smartphone-drinking-tasty-lemonade_291049-77.jpg",          imageAlt: "Elegant black leather handbag"},
        {
          id: "p6",          brand: "Vamshi Fashion",          name: "Men's Modern Denim Jacket",          price: "₹2299",          rating: 4,
          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-male-posing-outdoors-with-modern-hat_23-2148466124.jpg",          imageAlt: "Men's stylish denim jacket"},
        {
          id: "p7",          brand: "Vamshi Fashion",          name: "Women's High-Waist Jeans",          price: "₹1299",          rating: 5,
          reviewCount: "130",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl_1157-8261.jpg",          imageAlt: "Women's high-waist blue jeans"},
        {
          id: "p8",          brand: "Vamshi Fashion",          name: "Kids' Comfortable Summer Shorts",          price: "₹399",          rating: 4,
          reviewCount: "70",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-posing-with-circle_23-2149037184.jpg",          imageAlt: "Kids' yellow summer shorts"},
      ]}
      title="Discover Our Collections"
      description="Explore the latest in Men's, Women's, Kids' Wear, Footwear, and Accessories. Find your perfect style at Vamshi Fashion."
    />
  </div>

  <div id="offers" data-section="offers">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "offer1",          title: "Fashion Deals Extravaganza",          price: "₹99",          period: "starting from",          features: [
            "Daily Flash Sales",            "Seasonal Discounts",            "Clearance Items",            "Limited Stock Offers"],
          button: {
            text: "Shop Now",            href: "/#products"},
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-young-woman-standing-front-window-display-holding-colorful-shopping-bags_23-2147968468.jpg",          imageAlt: "Fashion deals banner"},
        {
          id: "offer2",          title: "Premium Collection Discounts",          price: "20% OFF",          period: "on select items",          features: [
            "Exclusive Designer Wear",            "High-End Accessories",            "Luxury Footwear",            "Members-Only Perks"],
          button: {
            text: "Explore Premium",            href: "/#products"},
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169240.jpg",          imageAlt: "Premium collection discount"},
        {
          id: "offer3",          title: "New User Special",          price: "10% OFF",          period: "first purchase",          features: [
            "Welcome Discount",            "Applicable Sitewide",            "Easy Redemption",            "Start Your Style Journey"],
          button: {
            text: "Register Now",            href: "/contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/shopping-woman-holding-sale-sign-while-sitting-with-shopping-bags_171337-14709.jpg",          imageAlt: "New user special offer"},
      ]}
      title="Unbeatable Offers Await"
      description="Don't miss out on our special discounts! Grab your favorites starting from just ₹99."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Affordable Prices",          description: "Look stylish without breaking the bank. We bring you the best fashion at prices you'll love.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/women-opening-boxes-with-purchases_23-2147666199.jpg",            imageAlt: "Affordable fashion clothing rack"},
          items: [
            {
              icon: Wallet,
              text: "Budget-Friendly"},
            {
              icon: Tag,
              text: "Best Deals"},
          ],
          reverse: false,
        },
        {
          title: "Trendy Fashion Collections",          description: "Stay ahead of the curve with our constantly updated collections, featuring the latest styles and designs.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746325.jpg",            imageAlt: "Fashion models showcasing trendy clothes"},
          items: [
            {
              icon: Sparkles,
              text: "Latest Trends"},
            {
              icon: Palette,
              text: "Diverse Styles"},
          ],
          reverse: true,
        },
        {
          title: "Quality Products",          description: "We handpick every item to ensure superior quality, comfort, and durability in all our apparel and accessories.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-top-view_23-2148837317.jpg",            imageAlt: "Close-up of high quality fabric"},
          items: [
            {
              icon: Award,
              text: "Premium Fabric"},
            {
              icon: ShieldCheck,
              text: "Durable Wear"},
          ],
          reverse: false,
        },
        {
          title: "Fast Delivery",          description: "Get your favorite fashion items delivered right to your doorstep swiftly and securely, every time.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-attractive-courier-red-polo-shirt-red-cap-jeans-flexing-holding-box-posing-blue-background-food-service-job_140725-15981.jpg",            imageAlt: "Delivery box with fast shipping icon"},
          items: [
            {
              icon: Zap,
              text: "Quick Shipping"},
            {
              icon: Package,
              text: "Secure Packaging"},
          ],
          reverse: true,
        },
        {
          title: "Excellent Customer Support",          description: "Our dedicated team is always ready to assist you with any queries, ensuring a smooth and pleasant shopping experience.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-blogger-smiling-with-headset_23-2148538866.jpg",            imageAlt: "Customer support representative smiling"},
          items: [
            {
              icon: Headset,
              text: "24/7 Support"},
            {
              icon: MessageSquare,
              text: "Friendly Assistance"},
          ],
          reverse: false,
        },
      ]}
      title="Why Choose Vamshi Fashion?"
      description="Experience the difference with a brand committed to your style and satisfaction. We ensure a premium shopping journey from start to finish."
    />
  </div>

  <div id="customer-satisfaction" data-section="customer-satisfaction">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Ananya Rao",          role: "Fashion Enthusiast",          company: "Bengaluru",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-african-woman-smiling-joyful-with-colorful-shopping-bag-yellow-pastel-wall-background-copy-space_1258-951.jpg",          imageAlt: "Ananya Rao testimonial"},
        {
          id: "t2",          name: "Rohan Sharma",          role: "Online Shopper",          company: "Mumbai",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-clothes-front-view_23-2150082965.jpg",          imageAlt: "Rohan Sharma testimonial"},
        {
          id: "t3",          name: "Kavya Reddy",          role: "Style Blogger",          company: "Hyderabad",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-girls-city_1157-4954.jpg",          imageAlt: "Kavya Reddy testimonial"},
        {
          id: "t4",          name: "Sameer Khan",          role: "Regular Customer",          company: "Delhi",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-girl-pink-pantsuit-sitting-chair-happily-talking-her-phone-while-looking-camera-with-clothes-racks-background-fashion-boutique_574295-3546.jpg",          imageAlt: "Sameer Khan testimonial"},
        {
          id: "t5",          name: "Shreya Gupta",          role: "Fashion Buyer",          company: "Chennai",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-fashionable-woman-colorful-bandana-overalls_273609-19304.jpg",          imageAlt: "Shreya Gupta testimonial"},
        {
          id: "t6",          name: "Vivek Malhotra",          role: "Trend Setter",          company: "Pune",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-outdoors_23-2148170991.jpg",          imageAlt: "Vivek Malhotra testimonial"},
      ]}
      kpiItems={[
        {
          value: "99%",          label: "Customer Satisfaction"},
        {
          value: "5,000+",          label: "Positive Reviews"},
        {
          value: "75%",          label: "Repeat Customers"},
      ]}
      title="Our Happy Customers Speak"
      description="Hear directly from those who love Vamshi Fashion – your trust is our greatest reward and motivator."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Vamshi Fashion"
      copyrightText="© 2024 Vamshi Fashion. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/vamshifashion",          ariaLabel: "Instagram"},
        {
          icon: Facebook,
          href: "https://facebook.com/vamshifashion",          ariaLabel: "Facebook"},
        {
          icon: MessageCircle,
          href: "https://wa.me/YOUR_PHONE_NUMBER",          ariaLabel: "WhatsApp"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
