"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import { Award, DollarSign, Heart, Mail, Palette, Rocket, Shield, Smartphone, Star, TrendingUp, Users, Zap, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Houston Digital"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Services", id: "services" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Build Stunning Websites That Drive Results"
          description="Houston Digital creates beautiful, high-performing websites that transform your business. From concept to launch, we deliver digital experiences that engage customers and accelerate growth."
          tag="Web Design Excellence"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-modern-web-design-dashboard-showing-a--1772497806402-334b2e0d.png"
          imageAlt="Houston Digital web design dashboard"
          imagePosition="right"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
          buttons={[
            { text: "Get Started", href: "contact" },
            { text: "View Our Work", href: "features" }
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Sarah Martinez",              handle: "CEO, TechFlow Solutions",              testimonial: "Houston Digital transformed our online presence. The results exceeded our expectations.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-professional-headshot-portrait-of-a-co-1772497804996-e447621f.png",              imageAlt: "Sarah Martinez"
            },
            {
              name: "Marcus Johnson",              handle: "Founder, Growth Labs",              testimonial: "Outstanding service and incredible attention to detail. Highly recommend their expertise.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-professional-headshot-of-a-successful--1772497804647-2e8a69ac.png",              imageAlt: "Marcus Johnson"
            }
          ]}
          testimonialRotationInterval={5000}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Houston Digital"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="We're a team of passionate digital creators dedicated to building websites that work as beautifully as they look. With years of experience in web design, development, and digital strategy, we help businesses like yours succeed online."
          useInvertedBackground={false}
          buttons={[
            { text: "Learn Our Process", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Why Choose Houston Digital"
          description="We combine cutting-edge design with proven development practices to deliver websites that convert. Here's what sets us apart."
          tag="Our Services"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              icon: Smartphone,
              title: "Responsive Design",              description: "Every website looks perfect on desktop, tablet, and mobile devices for maximum reach and engagement."
            },
            {
              icon: Zap,
              title: "Lightning Fast Performance",              description: "Optimized for speed and SEO, our websites load instantly and rank higher in search results."
            },
            {
              icon: Shield,
              title: "Secure & Reliable",              description: "Built with security best practices and latest technologies for a website you can trust."
            },
            {
              icon: Users,
              title: "24/7 Expert Support",              description: "Our dedicated support team is always available to help with updates, maintenance, and growth."
            },
            {
              icon: TrendingUp,
              title: "Analytics & Insights",              description: "Track performance with detailed analytics and make data-driven decisions for continuous improvement."
            },
            {
              icon: Palette,
              title: "Custom Branding",              description: "Unique, tailored designs that perfectly reflect your brand identity and connect with your audience."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[
            { text: "Explore Services", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Flexible Pricing Plans"
          description="Choose the perfect plan for your business needs. All plans include ongoing support and updates."
          tag="Pricing"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          plans={[
            {
              id: "starter",              badge: "For Startups",              badgeIcon: Rocket,
              price: "$2,499",              subtitle: "Perfect for launching your online presence",              buttons: [
                { text: "Get Started", href: "contact" }
              ],
              features: [
                "5-7 page website",                "Mobile responsive design",                "SEO optimization",                "Contact form integration",                "3 months free support",                "SSL certificate included"
              ]
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Star,
              price: "$5,999",              subtitle: "Best for growing businesses",              buttons: [
                { text: "Choose Plan", href: "contact" }
              ],
              features: [
                "10-15 page custom website",                "Advanced responsive design",                "Complete SEO strategy",                "E-commerce ready",                "12 months free support",                "Performance optimization",                "Analytics dashboard",                "Monthly reporting"
              ]
            },
            {
              id: "enterprise",              badge: "For Growth",              badgeIcon: Zap,
              price: "$12,999",              subtitle: "Unlimited possibilities for enterprises",              buttons: [
                { text: "Contact Sales", href: "contact" }
              ],
              features: [
                "Unlimited pages & features",                "Custom functionality",                "Full e-commerce integration",                "Advanced security features",                "24/7 priority support",                "Quarterly strategy reviews",                "Custom API integrations",                "Scalable infrastructure"
              ]
            }
          ]}
          buttons={[
            { text: "View Detailed Comparison", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Real feedback from businesses we've partnered with. See how Houston Digital has transformed their online presence."
          tag="Client Success"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Jennifer Lee, CEO of Digital Ventures",              date: "Date: January 15, 2025",              title: "Transformed our entire digital strategy",              quote: "Houston Digital didn't just build us a website—they built us a growth engine. The results have been phenomenal with a 300% increase in inquiries within three months.",              tag: "E-Commerce Success",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-professional-headshot-portrait-of-a-co-1772497804996-e447621f.png",              avatarAlt: "Jennifer Lee",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/an-abstract-visualization-of-responsive--1772497806822-86115ded.png",              imageAlt: "Digital transformation success"
            },
            {
              id: "2",              name: "Robert Chen, Founder of StartupXYZ",              date: "Date: December 28, 2024",              title: "Professional team, exceptional results",              quote: "Working with Houston Digital was seamless from start to finish. Their attention to detail and commitment to excellence is unmatched. Our conversion rates have doubled.",              tag: "Startup Growth",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-professional-headshot-of-a-successful--1772497804647-2e8a69ac.png",              avatarAlt: "Robert Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-modern-illustration-of-website-perform-1772497805577-9fa4bb6f.png",              imageAlt: "Performance optimization results"
            },
            {
              id: "3",              name: "Angela Thompson, Marketing Director at Growth Corp",              date: "Date: December 10, 2024",              title: "Best investment we made for our brand",              quote: "The team at Houston Digital truly understands modern web design. They created a site that not only looks amazing but also performs brilliantly. Our customers love it.",              tag: "Brand Transformation",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-professional-portrait-of-a-marketing-d-1772497804813-c0d18509.png",              avatarAlt: "Angela Thompson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/an-illustration-of-a-professional-suppor-1772497805593-d00a1f65.png",              imageAlt: "Team collaboration and support"
            },
            {
              id: "4",              name: "David Martinez, Owner of Local Services",              date: "Date: November 22, 2024",              title: "Professional, responsive, and results-driven",              quote: "I couldn't be happier with our new website. Houston Digital went above and beyond to ensure everything met our vision. Highly recommend their services.",              tag: "Local Business Growth",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-professional-headshot-of-a-startup-fou-1772497805077-2a91548e.png",              avatarAlt: "David Martinez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-modern-web-design-dashboard-showing-a--1772497806402-334b2e0d.png",              imageAlt: "Web design excellence"
            },
            {
              id: "5",              name: "Michelle Zhang, VP of Operations at Enterprise Co",              date: "Date: November 5, 2024",              title: "Scalable solutions for enterprise needs",              quote: "Houston Digital delivered a sophisticated, scalable website that grew with our business. Their technical expertise and strategic thinking made all the difference.",              tag: "Enterprise Solution",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-professional-business-portrait-of-a-ma-1772497804552-27eb0a01.png",              avatarAlt: "Michelle Zhang",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/an-abstract-visualization-of-responsive--1772497806822-86115ded.png",              imageAlt: "Enterprise web solutions"
            },
            {
              id: "6",              name: "Thomas Rodriguez, CEO of Innovation Labs",              date: "Date: October 18, 2024",              title: "A partner invested in our success",              quote: "What impressed me most was Houston Digital's commitment to our success. They're not just vendors—they're partners who care about delivering real value.",              tag: "Innovation Partner",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-professional-headshot-of-a-business-pr-1772497804432-2ab44a91.png",              avatarAlt: "Thomas Rodriguez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-modern-illustration-of-website-perform-1772497805577-9fa4bb6f.png",              imageAlt: "Partnership and collaboration"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Join hundreds of businesses that trust Houston Digital with their online presence"
          tag="Our Partners"
          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "TechFlow Solutions",            "Growth Labs",            "Innovation Ventures",            "Digital Dynamics",            "StartupXYZ",            "Enterprise Solutions",            "CreativeStudio",            "Forward Thinking Inc"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          tagIcon={Mail}
          title="Ready to Transform Your Online Presence?"
          description="Join hundreds of successful businesses. Let's discuss your project and create a digital solution that drives real results for your business."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APcUtuIPzEk5dv2fAAyolcrvDv/a-modern-illustration-of-a-team-collabor-1772497805095-958df8aa.png"
          imageAlt="Team collaboration on web projects"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          termsText="We respect your privacy. Unsubscribe anytime. We'll never spam you."
          tagAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Services", href: "#services" },
                { label: "Portfolio", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookies", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Instagram", href: "https://instagram.com" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Houston Digital. All rights reserved."
          bottomRightText="Crafted with excellence in Houston, Texas"
        />
      </div>
    </ThemeProvider>
  );
}
