import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Code, Volume2, Search } from 'lucide-react';

export default function Page() {
  const navItems = [{ name: "الرئيسية", id: "#hero" }, { name: "الخدمات", id: "#services" }, { name: "تواصل", id: "#contact" }];

  return (
    <ThemeProvider>
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline navItems={navItems} brandName="مومن مدحت" />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogoBillboard 
          background={{ variant: "sparkles-gradient" }}
          logoText="حوّل أفكارك إلى نتائج حقيقية مع خبير إعلانات وتطوير مواقع"
          description="أنا مومن مدحت، أساعدك في زيادة مبيعاتك من خلال حملات إعلانية ناجحة ومواقع احترافية."
          buttons={[{ text: "ابدأ مشروعك الآن", href: "#contact" }, { text: "تواصل عبر واتساب", href: "https://wa.me/201095576046" }]}
          imageSrc="http://img.b2bpic.net/free-photo/laptop-with-camera-compass-table_23-2148036973.jpg"
          imageAlt="خبير تسويق رقمي وتطوير مواقع"
          mediaAnimation="slide-up"
        />
      </div>
      <div id="trust" data-section="trust">
        <MetricCardEleven 
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "m1", value: "٥٠+", title: "مشاريع ناجحة", description: "مواقع إلكترونية وحملات إعلانية", imageSrc: "http://img.b2bpic.net/free-photo/close-up-binary-script-running-pc-monitors_482257-123753.jpg" },
            { id: "m2", value: "٩٥٪", title: "نسبة رضا العملاء", description: "دعم مستمر واحترافية عالية", imageSrc: "http://img.b2bpic.net/free-photo/female-it-specialist-working-project-sitting-office-with-international-colleagues_197531-4957.jpg" },
            { id: "m3", value: "٢٤/٧", title: "دعم تقني", description: "جاهز دائماً لمساعدتك", imageSrc: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg" }
          ]}
          title="نتائج حقيقية، أرقام واضحة"
          description="أعمل بشفافية مطلقة لضمان حصولك على أفضل عائد على الاستثمار."
        />
      </div>
      <div id="services" data-section="services">
        <FeatureHoverPattern
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            { icon: Code, title: "تصميم مواقع احترافية", description: "إنشاء موقع إلكتروني متكامل وسريع، يبدأ من 3000 جنيه." },
            { icon: Volume2, title: "Media Buying", description: "إدارة حملات إعلانية احترافية لزيادة المبيعات والنتائج." },
            { icon: Search, title: "تحسين محركات البحث", description: "ظهور أفضل لموقعك في جوجل لزيادة الزوار والعملاء." }
          ]}
          title="خدماتنا الاحترافية"
          description="حلول متكاملة لبناء وتوسيع تواجدك الرقمي بأحدث التقنيات."
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            { id: "1", title: "شراكة ممتازة", quote: "مومن مدحت محترف جداً، حملاتي الإعلانية تغيرت تماماً بفضله.", name: "أحمد علي", role: "صاحب متجر إلكتروني", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg" },
            { id: "2", title: "تصميم مبهر", quote: "موقع سريع، جميل، وحقق لنا مبيعات من أول أسبوع.", name: "سارة محمود", role: "رائدة أعمال", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12323.jpg" },
            { id: "3", title: "نتائج ملموسة", quote: "أفضل خبير تعاملت معه، تركيزه على النتائج حقيقي.", name: "خالد عمر", role: "مدير تسويق", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
            { id: "4", title: "دعم رائع", quote: "خدمة عملاء ودعم فني لا يعلى عليه.", name: "منى حسن", role: "صاحبة شركة", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg" },
            { id: "5", title: "ثقة واحترافية", quote: "مومن يضيف قيمة حقيقية لأي بيزنس يعمل معه.", name: "ياسر إبراهيم", role: "مستشار أعمال", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg" }
          ]}
          title="ماذا يقول عملاؤنا؟"
          description="قصص نجاح حقيقية حققناها مع شركاء عملنا."
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="تواصل معي"
          title="جاهز تبدأ وتكبر شغلك؟"
          description="تواصل معي الآن عبر واتساب أو البريد الإلكتروني للبدء في مشروعك القادم."
          buttons={[{ text: "راسلني عبر واتساب", href: "https://wa.me/201095576046" }, { text: "مومن مدحت (Email)", href: "mailto:momenmedhat22@gmail.com" }]}
          useInvertedBackground={true}
          background={{ variant: "sparkles-gradient" }}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterSimple 
          columns={[
            { title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "الخدمات", href: "#services" }, { label: "تواصل معي", href: "#contact" }] },
            { title: "تواصل", items: [{ label: "واتساب", href: "https://wa.me/201095576046" }, { label: "momenmedhat22@gmail.com", href: "mailto:momenmedhat22@gmail.com" }] }
          ]}
          bottomLeftText="© 2024 مومن مدحت. جميع الحقوق محفوظة."
          bottomRightText="تصميم وتطوير الموقع بواسطة مومن مدحت"
        />
      </div>
    </ThemeProvider>
  );
}