Update src/app/page.tsx
This commit is contained in:
327
src/app/page.tsx
327
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Code, Lightbulb, PenTool, Rocket, TrendingUp } from "lucide-react";
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Rocket, Lightbulb, Award, Code, PenTool, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "عني",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "الإنجازات",
|
||||
id: "#achievements",
|
||||
},
|
||||
{
|
||||
name: "تواصل",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "#hero" },
|
||||
{ name: "عني", id: "#about" },
|
||||
{ name: "الإنجازات", id: "#achievements" },
|
||||
{ name: "تواصل", id: "#contact" }
|
||||
]}
|
||||
brandName="أناس المعتصيم"
|
||||
/>
|
||||
@@ -55,83 +43,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="أناس المعتصيم"
|
||||
description="رائد أعمال رقمي • صانع محتوى • مؤسس عالم النجاح"
|
||||
kpis={[
|
||||
{
|
||||
value: "100K+",
|
||||
label: "متابع",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "مشروع",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "طالب",
|
||||
},
|
||||
{ value: "100K+", label: "متابع" },
|
||||
{ value: "50+", label: "مشروع" },
|
||||
{ value: "10k+", label: "طالب" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "ابدأ الرحلة",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "ابدأ الرحلة", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1338.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-business-woman-working-laptop-smartphone-while-having-coffee_23-2148661240.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/older-business-woman-working-laptop-smartphone-while-having-coffee_23-2148661240.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="انضم إلى مجتمع المبدعين"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ذكاء اصطناعي",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ريادة أعمال",
|
||||
icon: Rocket,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "صناعة محتوى",
|
||||
icon: PenTool,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "تسويق رقمي",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "برمجة ويب",
|
||||
icon: Code,
|
||||
},
|
||||
{ type: "text-icon", text: "ذكاء اصطناعي", icon: Lightbulb },
|
||||
{ type: "text-icon", text: "ريادة أعمال", icon: Rocket },
|
||||
{ type: "text-icon", text: "صناعة محتوى", icon: PenTool },
|
||||
{ type: "text-icon", text: "تسويق رقمي", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "برمجة ويب", icon: Code }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,21 +78,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="من هو أناس المعتصيم؟"
|
||||
metrics={[
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "الرؤية",
|
||||
value: "طموح عالمي",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
label: "التخصص",
|
||||
value: "ذكاء اصطناعي",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "التأثير",
|
||||
value: "صناعة محتوى",
|
||||
},
|
||||
{ icon: Rocket, label: "الرؤية", value: "طموح عالمي" },
|
||||
{ icon: Lightbulb, label: "التخصص", value: "ذكاء اصطناعي" },
|
||||
{ icon: Award, label: "التأثير", value: "صناعة محتوى" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -166,20 +91,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"تطوير مشاريع تقنية ذكية",
|
||||
"تقديم استشارات استراتيجية",
|
||||
"بناء مجتمع تعليمي تفاعلي",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"تأسيس منصة عالم النجاح",
|
||||
"إطلاق برامج تعليمية رقمية",
|
||||
"دعم رواد الأعمال الناشئين",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["تطوير مشاريع تقنية ذكية", "تقديم استشارات استراتيجية", "بناء مجتمع تعليمي تفاعلي"] }}
|
||||
positiveCard={{ items: ["تأسيس منصة عالم النجاح", "إطلاق برامج تعليمية رقمية", "دعم رواد الأعمال الناشئين"] }}
|
||||
title="إنجازات عالم النجاح"
|
||||
description="نحن نبني جيلاً من القادة الرقميين"
|
||||
/>
|
||||
@@ -191,46 +104,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
value: "95%",
|
||||
title: "الذكاء الاصطناعي",
|
||||
items: [
|
||||
"Automation",
|
||||
"LLMs",
|
||||
"Data",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
value: "90%",
|
||||
title: "صناعة المحتوى",
|
||||
items: [
|
||||
"Video",
|
||||
"Storytelling",
|
||||
"Editing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
value: "85%",
|
||||
title: "التسويق الرقمي",
|
||||
items: [
|
||||
"SEO",
|
||||
"Performance",
|
||||
"Strategy",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
value: "80%",
|
||||
title: "البرمجة",
|
||||
items: [
|
||||
"Next.js",
|
||||
"React",
|
||||
"Node",
|
||||
],
|
||||
},
|
||||
{ id: "s1", value: "95%", title: "الذكاء الاصطناعي", items: ["Automation", "LLMs", "Data"] },
|
||||
{ id: "s2", value: "90%", title: "صناعة المحتوى", items: ["Video", "Storytelling", "Editing"] },
|
||||
{ id: "s3", value: "85%", title: "التسويق الرقمي", items: ["SEO", "Performance", "Strategy"] },
|
||||
{ id: "s4", value: "80%", title: "البرمجة", items: ["Next.js", "React", "Node"] }
|
||||
]}
|
||||
title="المهارات الرقمية"
|
||||
description="أدواتي لبناء المستقبل الرقمي"
|
||||
@@ -245,36 +122,9 @@ export default function LandingPage() {
|
||||
title="المكتبة المرئية"
|
||||
description="شاهد أحدث الدروس والدروس المستفادة"
|
||||
blogs={[
|
||||
{
|
||||
id: "v1",
|
||||
category: "تقنية",
|
||||
title: "مستقبل الذكاء الاصطناعي",
|
||||
excerpt: "كيف سيغير AI حياتك المهنية؟",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-tunnel-corridor-with-lines-neon-blue-red-lights_181624-26525.jpg",
|
||||
authorName: "أناس المعتصيم",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{
|
||||
id: "v2",
|
||||
category: "ريادة",
|
||||
title: "عقلية المليونير",
|
||||
excerpt: "اسرار نجاح المشاريع الرقمية",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-swirl-background_1017-2756.jpg",
|
||||
authorName: "أناس المعتصيم",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{
|
||||
id: "v3",
|
||||
category: "صناعة محتوى",
|
||||
title: "كيف تبدأ من الصفر",
|
||||
excerpt: "دليل صناعة المحتوى الشامل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-low-poly-abstract-background-with-connecting-lines-dots_1048-6337.jpg",
|
||||
authorName: "أناس المعتصيم",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{ id: "v1", category: "تقنية", title: "مستقبل الذكاء الاصطناعي", excerpt: "كيف سيغير AI حياتك المهنية؟", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-tunnel-corridor-with-lines-neon-blue-red-lights_181624-26525.jpg", authorName: "أناس المعتصيم", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", date: "2024" },
|
||||
{ id: "v2", category: "ريادة", title: "عقلية المليونير", excerpt: "اسرار نجاح المشاريع الرقمية", imageSrc: "http://img.b2bpic.net/free-photo/abstract-swirl-background_1017-2756.jpg", authorName: "أناس المعتصيم", authorAvatar: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg", date: "2024" },
|
||||
{ id: "v3", category: "صناعة محتوى", title: "كيف تبدأ من الصفر", excerpt: "دليل صناعة المحتوى الشامل", imageSrc: "http://img.b2bpic.net/free-photo/digital-low-poly-abstract-background-with-connecting-lines-dots_1048-6337.jpg", authorName: "أناس المعتصيم", authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg", date: "2024" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -285,46 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "سارة أحمد",
|
||||
handle: "@sarah_dev",
|
||||
testimonial: "أناس غيّر نظرتي للعمل الحر بشكل كامل.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205442.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "أحمد خليل",
|
||||
handle: "@khalil_biz",
|
||||
testimonial: "تجربة ملهمة في بناء المشاريع.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "منى كمال",
|
||||
handle: "@mona_design",
|
||||
testimonial: "أشكر أناس على كل ما قدمه لنا.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-cozy-cafe-bar-using-laptop-computer-looking-aside_342744-945.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "يوسف محمد",
|
||||
handle: "@youssef_tech",
|
||||
testimonial: "أفضل مدرب رقمي قابلته بحياتي.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "نورة خالد",
|
||||
handle: "@nora_growth",
|
||||
testimonial: "عالم النجاح هو المنصة التي كنت أحتاجها.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",
|
||||
},
|
||||
{ id: "1", name: "سارة أحمد", handle: "@sarah_dev", testimonial: "أناس غيّر نظرتي للعمل الحر بشكل كامل.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205442.jpg" },
|
||||
{ id: "2", name: "أحمد خليل", handle: "@khalil_biz", testimonial: "تجربة ملهمة في بناء المشاريع.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg" },
|
||||
{ id: "3", name: "منى كمال", handle: "@mona_design", testimonial: "أشكر أناس على كل ما قدمه لنا.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-cozy-cafe-bar-using-laptop-computer-looking-aside_342744-945.jpg" },
|
||||
{ id: "4", name: "يوسف محمد", handle: "@youssef_tech", testimonial: "أفضل مدرب رقمي قابلته بحياتي.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
|
||||
{ id: "5", name: "نورة خالد", handle: "@nora_growth", testimonial: "عالم النجاح هو المنصة التي كنت أحتاجها.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="ماذا يقول شركاؤنا"
|
||||
@@ -336,15 +151,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Meta",
|
||||
"Amazon",
|
||||
"Twitter",
|
||||
"LinkedIn",
|
||||
"Apple",
|
||||
]}
|
||||
names={["Google", "Microsoft", "Meta", "Amazon", "Twitter", "LinkedIn", "Apple"]}
|
||||
title="نتواجد في"
|
||||
description="منصات عالمية تتبنى رؤيتنا"
|
||||
/>
|
||||
@@ -353,9 +160,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="تواصل معي"
|
||||
title="لنبدأ رحلتك نحو القمة"
|
||||
description="أرسل بريدك لنبقيك على اطلاع بأحدث الإنجازات والدروس"
|
||||
@@ -366,41 +171,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="أناس المعتصيم"
|
||||
columns={[
|
||||
{
|
||||
title: "الشركة",
|
||||
items: [
|
||||
{
|
||||
label: "عن أناس",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "المشاريع",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "الموارد",
|
||||
items: [
|
||||
{
|
||||
label: "المدونة",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "الدعم",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "القانونية",
|
||||
items: [
|
||||
{
|
||||
label: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "الشركة", items: [{ label: "عن أناس", href: "#about" }, { label: "المشاريع", href: "#" }] },
|
||||
{ title: "الموارد", items: [{ label: "المدونة", href: "#" }, { label: "الدعم", href: "#" }] },
|
||||
{ title: "القانونية", items: [{ label: "سياسة الخصوصية", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user