"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="large"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Vividh Design"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About", id: "#about" },
            { name: "Services", id: "#services" },
            { name: "Portfolio", id: "#portfolio" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>
      <div id="home" data-section="home">
        <HeroCentered
          title="Transform Your Space Into Your Story"
          description="Award-winning interior design that balances beauty with functionality. From concept to completion, we create interiors that inspire."
          background={{
            variant: "radial-gradient"
          }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/annoyed-woman-with-curly-afro-hairstyle-raises-palm-holds-paint-roller-refurbishes-walls-dressed-casually-stands-against-house-design-project_273609-38581.jpg", alt: "Sarah Johnson" },
            { src: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg", alt: "Michael Chen" },
            { src: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg", alt: "Emily Rodriguez" },
            { src: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741844.jpg", alt: "David Kim" }
          ]}
          avatarText="Join our 1000+ satisfied clients!"
          buttons={[
            { text: "Schedule Your Free Consultation", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Hero section"
        />
      </div>
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Our Design Philosophy"
          description="At Vividh Design, we believe every space has a story waiting to be told. Our approach blends innovative aesthetics with practical living, ensuring your environment is not just beautiful but truly functional. We craft spaces that resonate with your identity and elevate your lifestyle."
          metrics={[
            { value: "15+", title: "Years of Expertise" },
            { value: "200+", title: "Projects Completed" },
            { value: "98%", title: "Client Satisfaction" }
          ]}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg"
          imageAlt="Modern interior design office space"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          ariaLabel="About section"
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardTwentySeven
          features={[
            { id: "residential", title: "Residential Design", descriptions: ["Tailored interiors that reflect your personal style and enhance daily living. From cozy homes to expansive estates, we create sanctuaries you'll love."], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2016.jpg", imageAlt: "Luxury residential living room" },
            { id: "commercial", title: "Commercial Design", descriptions: ["Innovative and functional designs for businesses that inspire productivity and leave a lasting impression on clients and employees alike."], imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "Modern commercial office interior" },
            { id: "staging", title: "Home Staging & Styling", descriptions: ["Professional staging services to maximize property value and appeal, helping real estate agents and developers close deals faster with stunning visuals."], imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528622.jpg", imageAlt: "Home staged for real estate sale" }
          ]}
          animationType="slide-up"
          title="Our Comprehensive Design Services"
          description="From conceptualization to the final touches, we offer a full spectrum of interior design services tailored to your unique needs and vision. Our expertise ensures every project is executed with precision and flair."
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Feature section"
        />
      </div>
      <div id="portfolio" data-section="portfolio">
        <ProductCardTwo
          products={[
            { id: "living-room", brand: "Residential", name: "Modern Living Room", price: "View Project", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-design_23-2150794716.jpg", imageAlt: "Modern living room with neutral tones" },
            { id: "kitchen", brand: "Residential", name: "Sleek Kitchen Remodel", price: "View Project", rating: 5, reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-studying-home-girl-reading-something-tablet-sitting-kitchen_1258-202032.jpg", imageAlt: "Minimalist white kitchen with island" },
            { id: "bedroom", brand: "Residential", name: "Serene Master Bedroom", price: "View Project", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-practicing-selfcare_23-2150396225.jpg", imageAlt: "Calm bedroom with large window" },
            { id: "office", brand: "Commercial", name: "Executive Office Suite", price: "View Project", rating: 5, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-living-room-design-illuminated-night-generated-by-ai_188544-17028.jpg", imageAlt: "Executive office with modern furniture" },
            { id: "restaurant", brand: "Commercial", name: "Upscale Restaurant Interior", price: "View Project", rating: 5, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg", imageAlt: "Elegant restaurant dining area" },
            { id: "bathroom", brand: "Residential", name: "Spa-Inspired Bathroom", price: "View Project", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-vintage-bathtub_23-2148291599.jpg", imageAlt: "Luxurious bathroom with freestanding tub" }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          title="Our Award-Winning Portfolio"
          description="Explore a selection of our diverse projects, showcasing stunning transformations across residential and commercial spaces. Each design reflects our commitment to excellence and client satisfaction, bringing visions to life."
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Product section"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            { id: "1", title: "Beyond Expectations!", quote: "Vividh Design transformed our outdated living space into a modern, functional, and breathtaking home. Their team listened to every detail and delivered a result far beyond our expectations.", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Sarah Johnson portrait" },
            { id: "2", title: "Exceptional Commercial Design", quote: "We hired Vividh Design for our new office layout, and the outcome was phenomenal. The space is not only beautiful but significantly improved our team's productivity and morale. Highly recommended!", name: "Michael Chen", role: "CEO, Urban Developments", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", imageAlt: "Michael Chen portrait" },
            { id: "3", title: "Made Our Home a Sanctuary", quote: "From the initial consultation to the final reveal, Vividh Design was a dream to work with. They made the complex process enjoyable and created a home that feels uniquely ours. Truly grateful!", name: "Emily Rodriguez", role: "Residential Client", imageSrc: "http://img.b2bpic.net/free-photo/lady-grey-suit-smiling-camera-background-stylish-cafe-with-lights_291650-637.jpg", imageAlt: "Emily Rodriguez portrait" },
            { id: "4", title: "Boosted Property Value", quote: "Their home staging service is unparalleled. Every property they've worked on has sold faster and above asking price. An invaluable partner for any real estate professional.", name: "David Kim", role: "Real Estate Agent", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-dark-t-shirt-posing-thinking-pink-background_140725-121872.jpg", imageAlt: "David Kim portrait" },
            { id: "5", title: "A True Artistic Vision", quote: "Vividh Design brought an artistic vision to our boutique hotel project that truly elevated the guest experience. Their attention to detail and creative solutions are outstanding.", name: "Laura Mendez", role: "Hotel Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-asian-mature-woman-showing-ok-sign-smiling-approve-like-product-standi_1258-159931.jpg", imageAlt: "Laura Mendez portrait" }
          ]}
          title="What Our Clients Say"
          description="Hear directly from homeowners and businesses who entrusted us with their vision and experienced remarkable transformations. Their satisfaction is our greatest reward."
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Testimonials section"
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Luxury Living Magazine",            "UrbanScape Developers",            "Elite Residences",            "Modern Home Awards",            "Architectural Digest",            "Premier Realty Group",            "EcoBuild Solutions"
          ]}
          title="Trusted By Leading Brands & Developers"
          description="Our expertise is recognized by industry leaders, media publications, and property professionals who rely on Vividh Design for exceptional results and innovative solutions."
          textboxLayout="default"
          useInvertedBackground={true}
          showCard={true}
          ariaLabel="Social proof section"
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          faqs={[
            { id: "q1", title: "What is your typical design process?", content: "Our process begins with an initial consultation to understand your vision, followed by concept development, detailed planning, material selection, and project execution, ensuring transparency at every stage." },
            { id: "q2", title: "How long do interior design projects usually take?", content: "Project timelines vary based on scope and complexity. A small room redesign might take a few weeks, while a full home renovation could span several months. We provide a detailed timeline after concept approval." },
            { id: "q3", title: "Can you work within a specific budget?", content: "Absolutely. We work closely with our clients to establish a realistic budget early on and strive to achieve the best possible results within those financial parameters, offering creative solutions to meet your needs." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/graphic-designer-sketching-logo_23-2149142121.jpg"
          imageAlt="Interior design sketches and tools"
          mediaAnimation="slide-up"
          mediaPosition="right"
          title="Frequently Asked Questions"
          description="Find answers to common questions about our design process, timelines, and how we ensure a seamless and rewarding experience for all our clients, from concept to completion."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="FAQ section"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your space? Get in touch with Vividh Design today for a personalized consultation and begin your design journey. Let's create something extraordinary together."
          buttons={[
            { text: "Schedule Consultation", href: "mailto:info@vividhdesign.com" }
          ]}
          background={{
            variant: "animated-grid"
          }}
          useInvertedBackground={true}
          animationType="entrance-slide"
          ariaLabel="Contact section"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Vividh Design"
          columns={[
            { title: "Services", items: [{ label: "Residential Design", href: "#services" }, { label: "Commercial Design", href: "#services" }, { label: "Home Staging", href: "#services" }, { label: "Consultation", href: "#contact" }] },
            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Portfolio", href: "#portfolio" }, { label: "Testimonials", href: "#testimonials" }, { label: "Careers", href: "#" }] },
            { title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Blog", href: "#" }, { label: "Privacy Policy", href: "#" }] }
          ]}
          copyrightText="© 2024 Vividh Design. All rights reserved."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
