"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import AboutMetric from '@/components/sections/about/AboutMetric';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { MapPin, Zap, Smartphone, Search, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="noise"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Get Quote", id: "contact-cta" }
          ]}
          brandName="247 Websites"
          bottomLeftText="19 Haakbos St, Alberton, 1449"
          bottomRightText="078 814 7608"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="247 Websites"
          description="Professional Websites That Bring You More Customers. Custom website design & Google marketing for local businesses in Alberton."
          buttons={[
            { text: "Get Your Free Website Audit", href: "tel:0788147608" },
            { text: "Get Free Quote" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-vector/gradient-responsive-website-design_23-2149496581.jpg"
          imageAlt="Professional website mockup on devices"
          frameStyle="browser"
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          features={[
            {
              id: 1,
              title: "Website Design",              description: "Custom, responsive websites that showcase your brand and convert visitors into customers. Mobile-friendly designs optimized for all devices.",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg",              imageAlt: "Website design interface"
            },
            {
              id: 2,
              title: "Ecommerce Development",              description: "Complete online store solutions with payment integration, product management, and inventory systems to start selling online.",              imageSrc: "http://img.b2bpic.net/free-photo/box-market-electronic-ordering-shop-basket_1421-567.jpg",              imageAlt: "Ecommerce store display"
            },
            {
              id: 3,
              title: "Google Marketing",              description: "Get your business visible on Google Search. SEO optimization and Google Ads campaigns to drive qualified leads to your website.",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg",              imageAlt: "Google marketing analytics"
            },
            {
              id: 4,
              title: "UI/UX Design",              description: "User-centered design approach creating intuitive, beautiful interfaces that users love. Every pixel serves a purpose.",              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-colleagues-standing-table-looking-design-projects_1098-20475.jpg",              imageAlt: "UI UX design system"
            }
          ]}
          animationType="blur-reveal"
          title="Our Services"
          description="Comprehensive digital solutions designed to grow your local business and establish a strong online presence."
          tag="What We Offer"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <AboutMetric
          title="Why Choose 247 Websites? Local expertise, fast turnaround, results-driven approach."
          metrics={[
            { icon: MapPin, label: "Local & Reliable", value: "Alberton Based" },
            { icon: Zap, label: "Fast Turnaround", value: "Quick Delivery" },
            { icon: Smartphone, label: "Mobile-Friendly", value: "100% Responsive" },
            { icon: Search, label: "SEO Optimized", value: "Google Ready" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Local Businesses"
          description="Join hundreds of local businesses in Alberton and surrounding areas that have grown with our digital solutions."
          tag="5.0 Rating"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Plumbing Pro",            "Elite Salon",            "Auto Mechanics",            "Local Cafe",            "Beauty Studio",            "Home Services",            "Tech Startup",            "Retail Shop"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Owner of Elite Salon",              date: "Date: 15 January 2025",              title: "Best Investment for My Business",              quote: "247 Websites transformed our online presence. Within 3 months of launching our new website, we saw a 150% increase in online bookings. Their team was professional, responsive, and truly understood our business.",              tag: "Website Design",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Sarah Johnson avatar",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "professional portrait business person ceo headshot office"
            },
            {
              id: "2",              name: "Mike Chen, Plumbing Pro",              date: "Date: 20 December 2024",              title: "Now Showing Up on Google",              quote: "We were invisible online until we worked with 247 Websites. Their Google marketing strategy got us on the first page of search results. The leads coming in have been fantastic - exactly what we needed.",              tag: "Google Marketing",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Mike Chen avatar",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "business professional entrepreneur manager portrait headshot confident"
            },
            {
              id: "3",              name: "Lisa Rodriguez, Local Boutique",              date: "Date: 10 December 2024",              title: "Professional and Affordable",              quote: "I was worried about the cost, but 247 Websites gave me a website that looks like it costs thousands more. The design is beautiful, it's fast, and I actually understand how to update it. Highly recommend!",              tag: "Web Design",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              avatarAlt: "Lisa Rodriguez avatar",              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=1",              imageAlt: "business woman director portrait professional headshot confident office"
            },
            {
              id: "4",              name: "David Kim, Tech Startup",              date: "Date: 28 November 2024",              title: "Exactly What We Needed",              quote: "From concept to launch, the team at 247 Websites was amazing. They understood our startup's vision, delivered on time, and the website has been a key part of our growth story. 5 stars!",              tag: "Website Development",              avatarSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg",              avatarAlt: "David Kim avatar",              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg",              imageAlt: "business man founder portrait startup founder professional headshot"
            },
            {
              id: "5",              name: "Emma Thompson, Cafe Owner",              date: "Date: 05 November 2024",              title: "Great Local Service",              quote: "I appreciate that 247 Websites is local and truly cares about our success. They didn't just build a website - they helped us think through our online strategy. It shows in our results.",              tag: "E-commerce",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              avatarAlt: "Emma Thompson avatar",              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=2",              imageAlt: "professional woman marketing director headshot business portrait confident"
            },
            {
              id: "6",              name: "John Martinez, Auto Repair Shop",              date: "Date: 15 October 2024",              title: "Outstanding Results",              quote: "The new website is fast, looks professional, and customers keep telling us they found us on Google. 247 Websites delivered exactly what we needed. Can't ask for better service.",              tag: "Website Design",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "John Martinez avatar",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "business professional owner portrait headshot business portrait executive"
            }
          ]}
          title="What Our Clients Say"
          description="Real feedback from local businesses who've transformed their online presence with 247 Websites."
          tag="Client Success Stories"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Ready to Grow?"
          tagIcon={Sparkles}
          title="Ready to Transform Your Online Presence?"
          description="Your free consultation is just a phone call away. Let's discuss how we can bring more customers to your business through a professional website and smart digital marketing."
          buttons={[
            { text: "Call Now: 078 814 7608", href: "tel:0788147608" },
            { text: "Request Free Quote" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg"
          imageAlt="247 Websites team office workspace"
          logoText="247 Websites"
          copyrightText="© 2025 247 Websites. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Website Design", href: "#services" },
                { label: "Ecommerce Development", href: "#services" },
                { label: "Google Marketing", href: "#services" },
                { label: "UI/UX Design", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#why-us" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact-cta" },
                { label: "Privacy Policy", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: 078 814 7608", href: "tel:0788147608" },
                { label: "19 Haakbos St, Alberton, 1449", href: "#" },
                { label: "hello@247websites.co.za", href: "mailto:hello@247websites.co.za" },
                { label: "Open 24/7", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
