bender/dc03d90e-1771-4ecc-ba8e-6b6a0f527d90
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_3
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_5
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

8 Commits
version_3 ... version_5

Author SHA1 Message Date
bender
15ed6ed0b9 Update theme fonts 2026-05-14 01:40:41 +00:00
bender
9ce7fc4fbf Update theme fonts 2026-05-14 01:40:41 +00:00
bender
0946629a4b Update src/app/page.tsx 2026-05-14 01:39:36 +00:00
bender
d7d2e7cbbf Merge version_4 into main 
Merge version_4 into main
 2026-05-14 01:38:09 +00:00
bender
531f85d2e4 Update src/app/page.tsx 2026-05-14 01:38:03 +00:00
bender
f434065c4d Merge version_4 into main 
Merge version_4 into main
 2026-05-14 01:37:31 +00:00
bender
ece90e4f4b Update src/app/page.tsx 2026-05-14 01:37:28 +00:00
bender
c3b10b1d52 Merge version_3 into main 
Merge version_3 into main
 2026-05-14 01:36:02 +00:00
3 changed files with 38 additions and 13 deletions
Expand all files Collapse all files

9
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Archivo } from "next/font/google"; import { Archivo } from "next/font/google";
import { Montserrat } from "next/font/google";
@@ -19,7 +20,11 @@ export const metadata: Metadata = {
}, },
}; };
const archivo = Archivo({ variable: "--font-archivo", subsets: ["latin"] });
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
@@ -29,7 +34,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${archivo.variable} antialiased`}> <body className={`${montserrat.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

32
src/app/page.tsx
View File

@@ -4,13 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow'; import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard'; import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen'; import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Clock, Headphones, ShieldCheck, Zap } from "lucide-react"; import { Award, Clock, Headphones, ShieldCheck, Zap, Briefcase, BarChart3, Target } from "lucide-react";
import FeatureBento from '@/components/sections/feature/FeatureBento';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -70,6 +71,23 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="features-bento" data-section="features-bento">
<FeatureBento
title="مزايا متكاملة"
description="نظام وساطة عصري يجمع بين الكفاءة والأمان التقني."
features={[
{ title: "أمان رقمي", description: "تشفير عالي المستوى لكافة العمليات.", bentoComponent: 'reveal-icon', icon: ShieldCheck },
{ title: "تقارير لحظية", description: "متابعة مباشرة لحالة المعاملة.", bentoComponent: 'reveal-icon', icon: BarChart3 },
{ title: "دعم سريع", description: "استجابة فورية عبر فريقنا المتخصص.", bentoComponent: 'reveal-icon', icon: Headphones },
{ title: "خبرة واسعة", description: "سنوات من العمل في مجال الوساطة.", bentoComponent: 'reveal-icon', icon: Briefcase },
{ title: "إنجاز فوري", description: "تقنيات تسرع عملية إتمام صفقاتك.", bentoComponent: 'reveal-icon', icon: Target }
]}
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="steps" data-section="steps"> <div id="steps" data-section="steps">
<MetricCardFourteen <MetricCardFourteen
useInvertedBackground={false} useInvertedBackground={false}
@@ -127,12 +145,14 @@ export default function LandingPage() {
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterSimple
columns={[ columns={[
{ items: [{ label: "اتفاقية الاستخدام", href: "#" }, { label: "سياسة الخصوصية", href: "#" }] }, { title: "خدماتنا", items: [{ label: "الوساطة" }, { label: "التقارير" }] },
{ items: [{ label: "اتصل بنا", href: "#" }, { label: "الأسئلة الشائعة", href: "#" }] } { title: "قانوني", items: [{ label: "اتفاقية الاستخدام" }, { label: "سياسة الخصوصية" }] },
{ title: "دعم", items: [{ label: "تواصل معنا" }, { label: "الأسئلة الشائعة" }] }
]} ]}
logoText="وسطاء العراب" bottomLeftText="جميع الحقوق محفوظة © 2025"
bottomRightText="وسطاء العراب"
/> />
</div> </div>
</ReactLenis> </ReactLenis>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-archivo), sans-serif; font-family: var(--font-montserrat), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-archivo), sans-serif; font-family: var(--font-montserrat), sans-serif;
} }