Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
333
src/app/page.tsx
333
src/app/page.tsx
@@ -1,254 +1,95 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
||||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
||||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||||
import { Code, Search, Volume2 } from "lucide-react";
|
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" }];
|
||||||
|
|
||||||
export default function LandingPage() {
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider>
|
||||||
defaultButtonVariant="directional-hover"
|
<div id="nav" data-section="nav">
|
||||||
defaultTextAnimation="background-highlight"
|
<NavbarLayoutFloatingInline navItems={navItems} brandName="مومن مدحت" />
|
||||||
borderRadius="pill"
|
</div>
|
||||||
contentWidth="smallMedium"
|
<div id="hero" data-section="hero">
|
||||||
sizing="mediumLarge"
|
<HeroLogoBillboard
|
||||||
background="grid"
|
background={{ variant: "sparkles-gradient" }}
|
||||||
cardStyle="gradient-bordered"
|
logoText="حوّل أفكارك إلى نتائج حقيقية مع خبير إعلانات وتطوير مواقع"
|
||||||
primaryButtonStyle="radial-glow"
|
description="أنا مومن مدحت، أساعدك في زيادة مبيعاتك من خلال حملات إعلانية ناجحة ومواقع احترافية."
|
||||||
secondaryButtonStyle="glass"
|
buttons={[{ text: "ابدأ مشروعك الآن", href: "#contact" }, { text: "تواصل عبر واتساب", href: "https://wa.me/201095576046" }]}
|
||||||
headingFontWeight="normal"
|
imageSrc="http://img.b2bpic.net/free-photo/laptop-with-camera-compass-table_23-2148036973.jpg"
|
||||||
>
|
imageAlt="خبير تسويق رقمي وتطوير مواقع"
|
||||||
<ReactLenis root>
|
mediaAnimation="slide-up"
|
||||||
<div id="nav" data-section="nav">
|
/>
|
||||||
<NavbarLayoutFloatingInline
|
</div>
|
||||||
navItems={[
|
<div id="trust" data-section="trust">
|
||||||
{
|
<MetricCardEleven
|
||||||
name: "الرئيسية",
|
animationType="slide-up"
|
||||||
id: "hero",
|
textboxLayout="default"
|
||||||
},
|
useInvertedBackground={false}
|
||||||
{
|
metrics={[
|
||||||
name: "خدماتي",
|
{ id: "m1", value: "٥٠+", title: "مشاريع ناجحة", description: "مواقع إلكترونية وحملات إعلانية", imageSrc: "http://img.b2bpic.net/free-photo/close-up-binary-script-running-pc-monitors_482257-123753.jpg" },
|
||||||
id: "services",
|
{ 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" }
|
||||||
{
|
]}
|
||||||
name: "آراء العملاء",
|
title="نتائج حقيقية، أرقام واضحة"
|
||||||
id: "testimonials",
|
description="أعمل بشفافية مطلقة لضمان حصولك على أفضل عائد على الاستثمار."
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "تواصل معي",
|
<div id="services" data-section="services">
|
||||||
id: "contact",
|
<FeatureHoverPattern
|
||||||
},
|
animationType="slide-up"
|
||||||
]}
|
textboxLayout="default"
|
||||||
brandName="مومن مدحت"
|
useInvertedBackground={true}
|
||||||
button={{
|
features={[
|
||||||
text: "ابدأ مشروعك",
|
{ icon: Code, title: "تصميم مواقع احترافية", description: "إنشاء موقع إلكتروني متكامل وسريع، يبدأ من 3000 جنيه." },
|
||||||
href: "#contact",
|
{ icon: Volume2, title: "Media Buying", description: "إدارة حملات إعلانية احترافية لزيادة المبيعات والنتائج." },
|
||||||
}}
|
{ icon: Search, title: "تحسين محركات البحث", description: "ظهور أفضل لموقعك في جوجل لزيادة الزوار والعملاء." }
|
||||||
/>
|
]}
|
||||||
</div>
|
title="خدماتنا الاحترافية"
|
||||||
|
description="حلول متكاملة لبناء وتوسيع تواجدك الرقمي بأحدث التقنيات."
|
||||||
<div id="hero" data-section="hero">
|
/>
|
||||||
<HeroLogoBillboard
|
</div>
|
||||||
background={{
|
<div id="testimonials" data-section="testimonials">
|
||||||
variant: "sparkles-gradient",
|
<TestimonialCardTen
|
||||||
}}
|
textboxLayout="default"
|
||||||
logoText="حوّل أفكارك إلى نتائج حقيقية مع خبير إعلانات وتطوير مواقع"
|
useInvertedBackground={false}
|
||||||
description="أنا مومن مدحت، أساعدك في زيادة مبيعاتك من خلال حملات إعلانية ناجحة ومواقع احترافية."
|
testimonials={[
|
||||||
buttons={[
|
{ 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" },
|
||||||
text: "ابدأ مشروعك الآن",
|
{ id: "3", title: "نتائج ملموسة", quote: "أفضل خبير تعاملت معه، تركيزه على النتائج حقيقي.", name: "خالد عمر", role: "مدير تسويق", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
|
||||||
href: "#contact",
|
{ 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" }
|
||||||
{
|
]}
|
||||||
text: "تواصل عبر واتساب",
|
title="ماذا يقول عملاؤنا؟"
|
||||||
href: "https://wa.me/201095576046",
|
description="قصص نجاح حقيقية حققناها مع شركاء عملنا."
|
||||||
},
|
/>
|
||||||
]}
|
</div>
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-with-camera-compass-table_23-2148036973.jpg"
|
<div id="contact" data-section="contact">
|
||||||
imageAlt="خبير تسويق رقمي وتطوير مواقع"
|
<ContactCTA
|
||||||
mediaAnimation="slide-up"
|
tag="تواصل معي"
|
||||||
/>
|
title="جاهز تبدأ وتكبر شغلك؟"
|
||||||
</div>
|
description="تواصل معي الآن عبر واتساب أو البريد الإلكتروني للبدء في مشروعك القادم."
|
||||||
|
buttons={[{ text: "راسلني عبر واتساب", href: "https://wa.me/201095576046" }, { text: "مومن مدحت (Email)", href: "mailto:momenmedhat22@gmail.com" }]}
|
||||||
<div id="trust" data-section="trust">
|
useInvertedBackground={true}
|
||||||
<MetricCardEleven
|
background={{ variant: "sparkles-gradient" }}
|
||||||
animationType="slide-up"
|
/>
|
||||||
textboxLayout="default"
|
</div>
|
||||||
useInvertedBackground={false}
|
<div id="footer" data-section="footer">
|
||||||
metrics={[
|
<FooterSimple
|
||||||
{
|
columns={[
|
||||||
id: "m1",
|
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "الخدمات", href: "#services" }, { label: "تواصل معي", href: "#contact" }] },
|
||||||
value: "٥٠+",
|
{ title: "تواصل", items: [{ label: "واتساب", href: "https://wa.me/201095576046" }, { label: "momenmedhat22@gmail.com", href: "mailto:momenmedhat22@gmail.com" }] }
|
||||||
title: "مشاريع ناجحة",
|
]}
|
||||||
description: "مواقع إلكترونية وحملات إعلانية",
|
bottomLeftText="© 2024 مومن مدحت. جميع الحقوق محفوظة."
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-binary-script-running-pc-monitors_482257-123753.jpg",
|
bottomRightText="تصميم وتطوير الموقع بواسطة مومن مدحت"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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
|
|
||||||
useInvertedBackground={true}
|
|
||||||
background={{
|
|
||||||
variant: "sparkles-gradient",
|
|
||||||
}}
|
|
||||||
tag="تواصل معي"
|
|
||||||
title="جاهز تبدأ وتكبر شغلك؟"
|
|
||||||
description="تواصل معي الآن عبر واتساب أو البريد الإلكتروني للبدء في مشروعك القادم."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "راسلني عبر واتساب",
|
|
||||||
href: "https://wa.me/201095576046",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "مومن مدحت (Email)",
|
|
||||||
href: "mailto:momenmedhat22@gmail.com",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</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>
|
|
||||||
</ReactLenis>
|
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user