Update theme fonts

Update src/app/page.tsx
2026-05-14 01:40:41 +00:00 · 2026-05-14 01:40:41 +00:00 · 2026-05-14 01:39:36 +00:00 · 2026-05-14 01:38:09 +00:00 · 2026-05-14 01:38:03 +00:00 · 2026-05-14 01:37:31 +00:00
3 changed files with 44 additions and 22 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 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({
  children,
@@ -29,7 +34,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${archivo.variable} antialiased`}>
+        <body className={`${montserrat.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,13 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 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() {
  return (
@@ -40,19 +41,16 @@ export default function LandingPage() {
  </div>
  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroBillboard
      background={{ variant: "gradient-bars" }}
      title="الوسيط رقم 1 في الشرق الأوسط"
      description="وسطاء العراب: الأمان، الثقة، والسرعة في إتمام صفقاتك بكل احترافية."
      tag="خدمة وساطة موثوقة"
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg?_wi=1", imageAlt: "financial dashboard dark mode" },
        { imageSrc: "http://img.b2bpic.net/free-photo/suit-tie-formalwear-tailormade-business_53876-13785.jpg?_wi=1", imageAlt: "financial dashboard dark mode" }
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="أكثر من 90 ألف عملية ناجحة"
      tagIcon={ShieldCheck}
      buttons={[{ text: "ابدأ الآن", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg?_wi=1"
      imageAlt="financial dashboard dark mode"
      mediaAnimation="slide-up"
    />
  </div>
@@ -73,6 +71,23 @@ export default function LandingPage() {
    />
  </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">
      <MetricCardFourteen
      useInvertedBackground={false}
@@ -130,12 +145,14 @@ export default function LandingPage() {
  </div>
  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterSimple
        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>
      </ReactLenis>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }
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
bender	de9e9dba9c	Update src/app/page.tsx	2026-05-14 01:35:58 +00:00
bender	59831bb1e2	Merge version_2 into main Merge version_2 into main	2026-05-14 01:33:12 +00:00
bender	cd874f162d	Merge version_2 into main Merge version_2 into main	2026-05-14 01:32:43 +00:00
bender	4965cb15c8	Merge version_2 into main Merge version_2 into main	2026-05-14 01:32:13 +00:00