"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Facebook, Folder, Globe, Instagram, Layers, Linkedin, Mail, MessageSquare, Twitter, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Portfolio",
          id: "#portfolio",
        },
        {
          name: "About Us",
          id: "#about-us",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Alhamed Marketing"
      button={{
        text: "Book Consultation",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Alhamed Marketing"
      description="Helping businesses scale through strategic marketing, branding, advertising, websites, and content creation."
      buttons={[
        {
          text: "Book Free Consultation",
          href: "#contact",
        },
        {
          text: "View Portfolio",
          href: "#portfolio",
        },
      ]}
      videoSrc="http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_52683-136436.jpg?_wi=1"
      videoAriaLabel="Luxury business growth and digital campaigns"
      showDimOverlay={true}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_52683-136436.jpg?_wi=2"
      imageAlt="luxury business growth video analytics"
    />
  </div>

  <div id="trusted-by" data-section="trusted-by">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Luxury Hotels",
        "Financial Institutions",
        "Real Estate Developers",
        "Premium Retailers",
        "Automotive Groups",
        "Tech Innovators",
        "Healthcare Providers",
      ]}
      title="Trusted by Leading Brands Across the Region"
      description="Our expertise has empowered numerous businesses in Yemen and the Gulf to achieve remarkable digital success."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          tag: "Strategy",
          title: "Digital Marketing Strategy",
          subtitle: "Crafting bespoke roadmaps for your success.",
          description: "We develop data-driven strategies that align with your business goals, ensuring every campaign is purposeful and impactful.",
          imageSrc: "http://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg",
          imageAlt: "digital marketing strategy planning",
        },
        {
          tag: "Engagement",
          title: "Social Media Management",
          subtitle: "Building powerful brand presence and community.",
          description: "Elevate your brand with engaging social media content and strategic community management that resonates with your target audience.",
          imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063146.jpg",
          imageAlt: "social media management influencer",
        },
        {
          tag: "Visibility",
          title: "Paid Advertising",
          subtitle: "Maximizing ROI with precision-targeted campaigns.",
          description: "Unlock immediate results with expertly managed paid advertising campaigns across various platforms, optimizing for conversions.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-startup-entrepreneur-strategy-target-concept_53876-120111.jpg",
          imageAlt: "paid advertising digital campaigns",
        },
        {
          tag: "Identity",
          title: "Branding & Visual Identity",
          subtitle: "Forging unforgettable brand experiences.",
          description: "From logo design to comprehensive brand guidelines, we create a distinctive visual identity that speaks volumes about your luxury brand.",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440915.jpg",
          imageAlt: "branding visual identity design",
        },
        {
          tag: "Platform",
          title: "Website & E-commerce Development",
          subtitle: "Creating seamless, high-performance digital platforms.",
          description: "We build stunning, responsive websites and e-commerce solutions that captivate visitors and convert them into loyal customers.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038849.jpg",
          imageAlt: "website development e-commerce solutions",
        },
        {
          tag: "Rankings",
          title: "SEO Optimization",
          subtitle: "Driving organic traffic and increasing visibility.",
          description: "Dominate search engine rankings with our advanced SEO strategies, ensuring your brand is found by the right audience.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-yellow-background_23-2149382391.jpg",
          imageAlt: "seo optimization search engine",
        },
        {
          tag: "Voice",
          title: "Content Creation",
          subtitle: "Engaging narratives that tell your brand story.",
          description: "Our team crafts compelling content—from articles to infographics—that educates, entertains, and converts your audience.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-concentrated-girl-doing-homework-attending-online-course-making-notes-while-working_1258-189143.jpg",
          imageAlt: "content creation digital marketing",
        },
        {
          tag: "Visuals",
          title: "Reels & Video Production",
          subtitle: "Dynamic video content for maximum impact.",
          description: "Capture attention with high-quality video production, including engaging reels and cinematic brand stories for all platforms.",
          imageSrc: "http://img.b2bpic.net/free-photo/creative-professional-editing-video-footage-home_482257-131584.jpg",
          imageAlt: "reels video production social media",
        },
        {
          tag: "Guidance",
          title: "Marketing Consulting",
          subtitle: "Expert guidance for sustained business growth.",
          description: "Gain strategic insights and actionable advice from our seasoned consultants to navigate the complexities of the digital landscape.",
          imageSrc: "http://img.b2bpic.net/free-photo/manager-pointing-graphs-laptop_482257-120803.jpg",
          imageAlt: "marketing consulting expert advice",
        },
      ]}
      title="Our World-Class Marketing Solutions"
      description="From bespoke strategies to flawless execution, we deliver comprehensive digital marketing services designed for measurable growth."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "clients",
          icon: Users,
          title: "Clients Worldwide",
          value: "120+",
        },
        {
          id: "projects",
          icon: Folder,
          title: "Projects Completed",
          value: "1400+",
        },
        {
          id: "countries",
          icon: Globe,
          title: "Countries Served",
          value: "12+",
        },
        {
          id: "services",
          icon: Layers,
          title: "Professional Services",
          value: "9+",
        },
      ]}
      title="Tangible Results, Unmatched Excellence"
      description="Our commitment to data-driven strategies and creative brilliance translates into impressive outcomes for our esteemed clientele."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "portfolio-1",
          brand: "Luxury Automotive",
          name: "Driving Sales for Elite Car Dealership",
          price: "5x ROI",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/handshake-concludes-successful-interview-recruiter-job-seeker-showcasing-agreement_482257-136370.jpg",
          imageAlt: "luxury brand marketing campaign success",
        },
        {
          id: "portfolio-2",
          brand: "High-End Real Estate",
          name: "Elevating Online Presence for Premium Properties",
          price: "80% Lead Growth",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop-stairs-warm-light-home-office_169016-69174.jpg",
          imageAlt: "real estate digital marketing success",
        },
        {
          id: "portfolio-3",
          brand: "Financial Services",
          name: "Targeting Affluent Investors with Digital Campaigns",
          price: "60% Conversion Increase",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/working-office_1150-121.jpg",
          imageAlt: "financial services digital strategy",
        },
        {
          id: "portfolio-4",
          brand: "Hospitality Group",
          name: "Boosting Bookings for a Chain of Boutique Hotels",
          price: "4x Online Reservations",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114035.jpg",
          imageAlt: "hospitality marketing success story",
        },
        {
          id: "portfolio-5",
          brand: "Exclusive Retail",
          name: "Launching a Luxury Fashion E-commerce Store",
          price: "75% Brand Awareness",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-holding-smartphone_23-2149003397.jpg",
          imageAlt: "automotive brand marketing success",
        },
        {
          id: "portfolio-6",
          brand: "Healthcare Clinic",
          name: "Building Trust and Patient Acquisition Online",
          price: "3x Patient Inquiries",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124900.jpg",
          imageAlt: "retail brand digital marketing success",
        },
      ]}
      title="Our Signature Success Stories"
      description="Explore our portfolio of premium case studies, showcasing how Alhamed Marketing has transformed businesses through strategic digital solutions."
    />
  </div>

  <div id="about-us" data-section="about-us">
      <TextSplitAbout
      useInvertedBackground={false}
      title="The Alhamed Marketing Vision"
      description={[
        "Alhamed Marketing (الحامد للتسويق) emerged from a vision to revolutionize digital marketing across Yemen and the Gulf. We are a premium agency dedicated to transforming businesses into digital powerhouses, leveraging innovation and strategic expertise to unlock unprecedented growth.",
        "Our journey began with a simple belief: every business, regardless of size, deserves a world-class digital presence. Today, we stand as a beacon of excellence, combining local market understanding with global best practices to deliver solutions that are not just effective, but truly inspiring.",
        "Why Choose Us:",
        "Data-driven decisions: Every strategy is backed by deep analytics, ensuring optimal performance.",
        "Creative excellence: Our campaigns captivate and convert, standing out in a crowded digital landscape.",
        "Experienced team: A collective of industry veterans passionate about your success.",
        "Transparent reporting: Clear, concise insights into your campaign's performance.",
        "ROI-focused strategies: We prioritize returns, ensuring your investment yields maximum value.",
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Ahmed Al-Mansoori",
          date: "Jan 2024",
          title: "Exceptional Growth Partner",
          quote: "Alhamed Marketing transformed our digital presence. Their strategic insights and flawless execution led to a significant increase in our market share. A truly world-class agency!",
          tag: "Luxury Retail",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
          avatarAlt: "professional businessman portrait",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-concept-with-copy-space_23-2148459729.jpg",
          imageAlt: "luxury office interior with elegant decor",
        },
        {
          id: "2",
          name: "Fatima Zahra",
          date: "Dec 2023",
          title: "Unparalleled Expertise",
          quote: "Their team's expertise in social media management is unparalleled. We saw our engagement rates soar, attracting a new demographic of high-net-worth clients. Highly recommended!",
          tag: "Hospitality",
          avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-male-entrepreneur-holds-clipboard_482257-121175.jpg",
          avatarAlt: "professional businesswoman portrait",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-shopping-together_23-2149273766.jpg",
          imageAlt: "modern luxury store interior",
        },
        {
          id: "3",
          name: "Khalid Bin Abdullah",
          date: "Nov 2023",
          title: "Measurable ROI, Every Time",
          quote: "We partnered with Alhamed Marketing for our paid advertising, and the results were phenomenal. They delivered on every promise, providing transparent reports and excellent ROI.",
          tag: "Financial Services",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg",
          avatarAlt: "young entrepreneur male headshot",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-against-blue-sky_23-2148139873.jpg",
          imageAlt: "contemporary art gallery interior",
        },
        {
          id: "4",
          name: "Noura Al-Hajri",
          date: "Oct 2023",
          title: "Brand Vision Brought to Life",
          quote: "Alhamed Marketing truly understood our brand vision and brought it to life with an exquisite visual identity. Their creative team is second to none. A pleasure to work with!",
          tag: "Automotive",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
          avatarAlt: "experienced marketing expert female",
          imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg",
          imageAlt: "luxury car interior close-up",
        },
        {
          id: "5",
          name: "Sultan Al-Ghamdi",
          date: "Sep 2023",
          title: "Strategic Partner for Growth",
          quote: "They are more than an agency; they are a strategic partner. Their insights into market trends and their agile approach to campaigns have been instrumental in our sustained growth.",
          tag: "Real Estate",
          avatarSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg",
          avatarAlt: "seasoned CEO male headshot",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyline-reflects-vibrant-city-life-dusk-generated-by-ai_188544-37423.jpg",
          imageAlt: "modern cityscape at night with lights",
        },
      ]}
      title="What Our Valued Clients Say"
      description="Hear directly from the industry leaders and business owners who have experienced remarkable success with Alhamed Marketing."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      tag="Get Started Today"
      title="Book Your Free Consultation"
      description="Ready to transform your business with a world-class digital marketing strategy? Connect with our experts today to discuss your vision and goals."
      buttons={[
        {
          text: "Start Your Growth Journey",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Alhamed Marketing"
      copyrightText="© 2024 Alhamed Marketing. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/alhamedmarketing",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "https://instagram.com/alhamedmarketing",
          ariaLabel: "Instagram",
        },
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/alhamedmarketing",
          ariaLabel: "LinkedIn",
        },
        {
          icon: Twitter,
          href: "https://twitter.com/alhamedmarketing",
          ariaLabel: "Twitter",
        },
        {
          icon: Mail,
          href: "mailto:info@alhamedmarketing.com",
          ariaLabel: "Email",
        },
        {
          icon: MessageSquare,
          href: "https://wa.me/966500000000",
          ariaLabel: "WhatsApp",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
