"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Building, Instagram, MapPin, Scissors, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Niches",
          id: "#niches",
        },
        {
          name: "Process",
          id: "#process",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Akshar Creative Studio"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars",
      }}
      title="Build a High-Profit Graphic Design Agency"
      description="Your step-by-step blueprint to finding clients, closing deals, and scaling your creative studio using Google Maps in India."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-laptop-stationeries-red-wooden-red-table_23-2147924182.jpg?_wi=1",
          imageAlt: "graphic designer desk workspace",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-discussing-digital-tablet_1170-2971.jpg?_wi=1",
          imageAlt: "design consultant meeting client",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941525.jpg?_wi=1",
          imageAlt: "google maps business location",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/neat-tidy-workspace-with-laptop_23-2148592311.jpg",
          imageAlt: "Neat and tidy workspace with laptop",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164868.jpg",
          imageAlt: "Still life of office desk mess",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="niches" data-section="niches">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Hospitality & Food",
          description: "Restaurants and cafes need constant social media updates, menu designs, and promotional content.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/cute-gift-bag-birthday-present_53876-105714.jpg?_wi=1",
            imageAlt: "creative design portfolio samples",
          },
          items: [
            {
              icon: Utensils,
              text: "Daily menu updates",
            },
            {
              icon: Instagram,
              text: "Social post design",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-laptop-stationeries-red-wooden-red-table_23-2147924182.jpg?_wi=2",
          imageAlt: "creative design portfolio samples",
        },
        {
          title: "Lifestyle Services",
          description: "Salons and Gyms rely on visual appeal to showcase their results, services, and membership plans.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/black-employee-updating-her-manager_482257-121373.jpg",
            imageAlt: "design consultant meeting client",
          },
          items: [
            {
              icon: Scissors,
              text: "Service brochures",
            },
            {
              icon: Dumbbell,
              text: "Fitness transformation graphics",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-discussing-digital-tablet_1170-2971.jpg?_wi=2",
          imageAlt: "creative design portfolio samples",
        },
        {
          title: "Professional Services",
          description: "Real estate agencies and Clinics need trust-building visuals like flyers, digital banners, and branding.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-maps-phones_53876-15135.jpg",
            imageAlt: "google maps business location",
          },
          items: [
            {
              icon: Building,
              text: "Property brochures",
            },
            {
              icon: Stethoscope,
              text: "Clinic profile design",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-focused-work_1098-12715.jpg?_wi=1",
          imageAlt: "creative design portfolio samples",
        },
      ]}
      title="Target High-Demand Business Niches"
      description="Focus your energy on industries where visual marketing directly leads to higher customer traffic and sales."
    />
  </div>

  <div id="process" data-section="process">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Execution Strategy"
      title="The Google Maps Hunt Workflow"
      description="1. Search for businesses in key Indian cities. 2. Filter for low-engagement profiles. 3. Reach out with a free, high-quality sample design. 4. Follow up professionally."
      subdescription="This repeatable loop ensures you never run out of leads and demonstrates your competence before asking for a commitment."
      icon={MapPin}
      imageSrc="http://img.b2bpic.net/free-photo/location-symbol-street-city_23-2149764154.jpg"
      mediaAnimation="slide-up"
      imageAlt="google maps business location"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Starter",
          price: "₹5,000 / mo",
          subtitle: "For small cafes & shops",
          features: [
            "8 Social Media Posts",
            "Basic Story Design",
            "Weekly Delivery",
          ],
          buttons: [
            {
              text: "View Details",
            },
          ],
        },
        {
          id: "std",
          badge: "Growth",
          price: "₹15,000 / mo",
          subtitle: "Ideal for gyms & salons",
          features: [
            "20 Social Media Posts",
            "Brochure Design",
            "Priority Support",
          ],
          buttons: [
            {
              text: "View Details",
            },
          ],
        },
        {
          id: "prem",
          badge: "Agency",
          price: "₹30,000 / mo",
          subtitle: "Full brand management",
          features: [
            "Unlimited Posts",
            "Custom Brand Identity",
            "Full Support",
          ],
          buttons: [
            {
              text: "View Details",
            },
          ],
        },
      ]}
      title="Professional Monthly Packages"
      description="Choose a predictable retainer model for steady income growth."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          title: "Great Work",
          quote: "The new menu design doubled our inquiries.",
          name: "Rahul Sharma",
          role: "Restaurant Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-focused-work_1098-12715.jpg?_wi=2",
          imageAlt: "business owner checking phone",
        },
        {
          id: "t2",
          title: "Game Changer",
          quote: "Professional branding transformed my salon's look.",
          name: "Ananya Patel",
          role: "Salon Founder",
          imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-laptop-stationeries-red-wooden-red-table_23-2147924182.jpg?_wi=3",
          imageAlt: "business owner checking phone",
        },
        {
          id: "t3",
          title: "Highly Recommend",
          quote: "Excellent communication and timely delivery.",
          name: "Vikram Singh",
          role: "Real Estate Agent",
          imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-discussing-digital-tablet_1170-2971.jpg?_wi=3",
          imageAlt: "business owner checking phone",
        },
        {
          id: "t4",
          title: "Professional",
          quote: "My gym social media presence looks world-class.",
          name: "Sonia Reddy",
          role: "Gym Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-gift-bag-birthday-present_53876-105714.jpg?_wi=2",
          imageAlt: "business owner checking phone",
        },
        {
          id: "t5",
          title: "Stunning",
          quote: "The flyer designs are perfect for our brand.",
          name: "Amit Kumar",
          role: "Coach",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941525.jpg?_wi=2",
          imageAlt: "business owner checking phone",
        },
      ]}
      title="Client Success Stories"
      description="Building trust is the key. Showcase your work consistently."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Is the sample design free?",
          content: "Yes, I offer one high-quality sample post to show my work.",
        },
        {
          id: "f2",
          title: "How do I start?",
          content: "Start by identifying local businesses on Google Maps.",
        },
        {
          id: "f3",
          title: "What's the best city?",
          content: "Focus on Tier 1 and Tier 2 cities in India like Bangalore, Pune, Delhi, and Chandigarh.",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Start Your Journey"
      title="Ready to Scale Your Studio?"
      description="Don't wait. Pick your niche, identify 10 leads, and start reaching out today."
      imageSrc="http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916706.jpg"
      mediaAnimation="slide-up"
      imageAlt="graphic designer desk workspace"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/architectural-designers-team-pointing-pen-skyscraper-discussing-architecture-design-modern-office-architects-colleagues-brainstorming-ideeas-collaborating-white-foam-model_482257-35481.jpg"
      logoText="Akshar Creative"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Portfolio",
              href: "#",
            },
            {
              label: "Services",
              href: "#",
            },
          ],
        },
        {
          title: "Strategy",
          items: [
            {
              label: "Google Maps",
              href: "#",
            },
            {
              label: "Sales",
              href: "#",
            },
          ],
        },
      ]}
      imageAlt="design consultant meeting client"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
