Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #6.
This commit is contained in:
123
src/app/page.tsx
123
src/app/page.tsx
@@ -7,103 +7,82 @@ import FeatureHoverPattern from '@/components/sections/feature/featureHoverPatte
|
|||||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import { Code, Volume2, Search } from 'lucide-react';
|
import { ArrowRight, Shield, Zap, Star, CheckCircle } from 'lucide-react';
|
||||||
|
import Link from 'next/link';
|
||||||
|
|
||||||
export default function Page() {
|
export default function Page() {
|
||||||
const navItems = [{ name: "الرئيسية", id: "hero" }, { name: "النتائج", id: "trust" }, { name: "الخدمات", id: "services" }, { name: "العملاء", id: "testimonials" }, { name: "تواصل", id: "contact" }];
|
const navItems = [{ name: "Home", id: "/" }];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider>
|
||||||
defaultButtonVariant="text-stagger"
|
|
||||||
defaultTextAnimation="entrance-slide"
|
|
||||||
borderRadius="rounded"
|
|
||||||
contentWidth="medium"
|
|
||||||
sizing="medium"
|
|
||||||
background="circleGradient"
|
|
||||||
cardStyle="glass-elevated"
|
|
||||||
primaryButtonStyle="gradient"
|
|
||||||
secondaryButtonStyle="glass"
|
|
||||||
headingFontWeight="normal"
|
|
||||||
>
|
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={navItems}
|
navItems={navItems}
|
||||||
brandName="مومن مدحت"
|
brandName="Webild"
|
||||||
button={{ text: "تواصل معي", href: "#contact" }}
|
button={{ text: "Get Started", href: "/contact" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{ variant: "sparkles-gradient" }}
|
logoText="Innovative Solutions"
|
||||||
logoText="حوّل أفكارك إلى نتائج حقيقية مع خبير إعلانات وتطوير مواقع"
|
description="Transforming the digital landscape with cutting-edge technology and design excellence."
|
||||||
description="أنا مومن مدحت، أساعدك في زيادة مبيعاتك من خلال حملات إعلانية ناجحة ومواقع احترافية."
|
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||||
buttons={[{ text: "ابدأ مشروعك الآن", href: "#contact" }, { text: "تواصل عبر واتساب", href: "https://wa.me/201095576046" }]}
|
background={{ variant: "glowing-orb" }}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-with-camera-compass-table_23-2148036973.jpg"
|
|
||||||
imageAlt="خبير تسويق رقمي وتطوير مواقع"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="trust" data-section="trust">
|
<div id="trust" data-section="trust">
|
||||||
<MetricCardEleven
|
<MetricCardEleven
|
||||||
animationType="slide-up"
|
title="Trusted by Industry Leaders"
|
||||||
textboxLayout="default"
|
description="We deliver measurable results that drive business growth."
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{ id: "m1", value: "٥٠+", title: "مشاريع ناجحة", description: "مواقع إلكترونية وحملات إعلانية", imageSrc: "http://img.b2bpic.net/free-photo/close-up-binary-script-running-pc-monitors_482257-123753.jpg" },
|
{ id: "1", value: "500+", title: "Clients Served", description: "Global organizations trust us.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80&w=800" },
|
||||||
{ 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: "2", value: "99%", title: "Satisfaction", description: "Consistently high project success rate.", imageSrc: "https://images.unsplash.com/photo-1556761175-5973dc0f32e7?auto=format&fit=crop&q=80&w=800" }
|
||||||
{ 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>
|
||||||
<div id="services" data-section="services">
|
<div id="services" data-section="services">
|
||||||
<FeatureHoverPattern
|
<FeatureHoverPattern
|
||||||
animationType="slide-up"
|
title="Our Core Services"
|
||||||
textboxLayout="default"
|
description="We provide tailored solutions for your unique business needs."
|
||||||
useInvertedBackground={true}
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{ icon: Code, title: "تصميم مواقع احترافية", description: "إنشاء موقع إلكتروني متكامل وسريع، يبدأ من 3000 جنيه." },
|
{ icon: Zap, title: "Web Development", description: "Building fast, scalable web applications." },
|
||||||
{ icon: Volume2, title: "Media Buying", description: "إدارة حملات إعلانية احترافية لزيادة المبيعات والنتائج." },
|
{ icon: Shield, title: "Cyber Security", description: "Robust protection for your data." },
|
||||||
{ icon: Search, title: "تحسين محركات البحث", description: "ظهور أفضل لموقعك في جوجل لزيادة الزوار والعملاء." }
|
{ icon: Star, title: "UI/UX Design", description: "User-centric design experiences." }
|
||||||
]}
|
]}
|
||||||
title="خدماتنا الاحترافية"
|
|
||||||
description="حلول متكاملة لبناء وتوسيع تواجدك الرقمي بأحدث التقنيات."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
textboxLayout="default"
|
title="Client Success Stories"
|
||||||
useInvertedBackground={false}
|
description="Hear from the partners we have helped succeed."
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
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: "1", title: "Great Results", quote: "They transformed our workflow entirely.", name: "Jane Doe", role: "CTO, TechCorp" },
|
||||||
{ 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: "2", title: "Exceptional Work", quote: "Professional, timely, and innovative.", name: "John Smith", role: "Founder, StartupInc" }
|
||||||
{ 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>
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
tag="تواصل معي"
|
tag="Contact Us"
|
||||||
title="جاهز تبدأ وتكبر شغلك؟"
|
title="Ready to Start Your Journey?"
|
||||||
description="تواصل معي الآن عبر واتساب أو البريد الإلكتروني للبدء في مشروعك القادم."
|
description="Reach out to us to discuss your upcoming project."
|
||||||
buttons={[{ text: "راسلني عبر واتساب", href: "https://wa.me/201095576046" }, { text: "مومن مدحت (Email)", href: "mailto:momenmedhat22@gmail.com" }]}
|
buttons={[{ text: "Send Message", href: "#" }]}
|
||||||
useInvertedBackground={true}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
background={{ variant: "sparkles-gradient" }}
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
bottomLeftText="© 2024 Webild"
|
||||||
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "خدماتي", href: "#services" }, { label: "تواصل معي", href: "#contact" }] },
|
bottomRightText="All rights reserved"
|
||||||
{ title: "تواصل", items: [{ label: "واتساب", href: "https://wa.me/201095576046" }, { label: "momenmedhat22@gmail.com", href: "mailto:momenmedhat22@gmail.com" }] }
|
columns={[{ title: "Company", items: [{ label: "About" }, { label: "Careers" }] }]}
|
||||||
]}
|
|
||||||
bottomLeftText="© 2024 مومن مدحت. جميع الحقوق محفوظة."
|
|
||||||
bottomRightText="تصميم وتطوير الموقع بواسطة مومن مدحت"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user