Update src/app/page.tsx
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 ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
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() {
|
||||
const navItems = [{ name: "الرئيسية", id: "hero" }, { name: "النتائج", id: "trust" }, { name: "الخدمات", id: "services" }, { name: "العملاء", id: "testimonials" }, { name: "تواصل", id: "contact" }];
|
||||
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="مومن مدحت"
|
||||
button={{ text: "تواصل معي", href: "#contact" }}
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="Webild"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</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"
|
||||
<HeroLogoBillboard
|
||||
logoText="Innovative Solutions"
|
||||
description="Transforming the digital landscape with cutting-edge technology and design excellence."
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<MetricCardEleven
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We deliver measurable results that drive business growth."
|
||||
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="أعمل بشفافية مطلقة لضمان حصولك على أفضل عائد على الاستثمار."
|
||||
{ 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: "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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
<FeatureHoverPattern
|
||||
title="Our Core Services"
|
||||
description="We provide tailored solutions for your unique business needs."
|
||||
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="حلول متكاملة لبناء وتوسيع تواجدك الرقمي بأحدث التقنيات."
|
||||
{ icon: Zap, title: "Web Development", description: "Building fast, scalable web applications." },
|
||||
{ icon: Shield, title: "Cyber Security", description: "Robust protection for your data." },
|
||||
{ icon: Star, title: "UI/UX Design", description: "User-centric design experiences." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardTen
|
||||
title="Client Success Stories"
|
||||
description="Hear from the partners we have helped succeed."
|
||||
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="قصص نجاح حقيقية حققناها مع شركاء عملنا."
|
||||
{ id: "1", title: "Great Results", quote: "They transformed our workflow entirely.", name: "Jane Doe", role: "CTO, TechCorp" },
|
||||
{ id: "2", title: "Exceptional Work", quote: "Professional, timely, and innovative.", name: "John Smith", role: "Founder, StartupInc" }
|
||||
]}
|
||||
/>
|
||||
</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" }}
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Reach out to us to discuss your upcoming project."
|
||||
buttons={[{ text: "Send Message", href: "#" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</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="تصميم وتطوير الموقع بواسطة مومن مدحت"
|
||||
<FooterSimple
|
||||
bottomLeftText="© 2024 Webild"
|
||||
bottomRightText="All rights reserved"
|
||||
columns={[{ title: "Company", items: [{ label: "About" }, { label: "Careers" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user