From a4ad878e967456990b27163f3e77b9d19d7d74a8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 23:08:31 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 272 ++++++++++++++++++++++++++++++-----------------
 1 file changed, 177 insertions(+), 95 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3dcf175..1cd5ddc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,103 +1,185 @@
-'use client';
+"use client";
 
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import FeatureBento from '@/components/sections/feature/FeatureBento';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import { Feather, Palette, User } from "lucide-react";
 
-export default function Home() {
-  const navItems = [
-    { name: 'Home', id: '/' },
-    { name: 'About', id: '/about' },
-    { name: 'Contact', id: '/contact' }
-  ];
-
+export default function LandingPage() {
   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">
-      <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen navItems={navItems} />
-      </div>
-      <div id="hero" data-section="hero">
-        <HeroBillboardScroll 
-          title="Build Smarter, Faster"
-          description="Enterprise-grade components for your next project."
-          background={{ variant: 'animated-grid' }}
-        />
-      </div>
-      <div id="about" data-section="about">
-        <SplitAbout 
-          title="Our Mission"
-          description="We believe in simplifying complex workflows through elegant design."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          bulletPoints={[
-            { title: 'Quality First', description: 'Built with performance in mind.' },
-            { title: 'Scalable', description: 'Designed to grow with your needs.' }
-          ]}
-        />
-      </div>
-      <div id="feature" data-section="feature">
-        <FeatureBento 
-          title="Powerful Features"
-          description="Everything you need to succeed."
-          animationType="slide-up"
-          useInvertedBackground={false}
-          textboxLayout="default"
-          features={[]}
-        />
-      </div>
-      <div id="product" data-section="product">
-        <ProductCardThree 
-          title="Our Products"
-          description="Curated solutions for your workflow."
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          products={[]}
-        />
-      </div>
-      <div id="testimonial" data-section="testimonial">
-        <TestimonialCardFive 
-          title="Customer Stories"
-          description="See what others are saying."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          testimonials={[]}
-        />
-      </div>
-      <div id="blog" data-section="blog">
-        <BlogCardThree 
-          title="Latest News"
-          description="Stay updated with our progress."
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          blogs={[]}
-        />
-      </div>
-      <div id="contact" data-section="contact">
-        <ContactSplit 
-          tag="Contact Us"
-          title="Get In Touch"
-          description="Ready to get started?"
-          useInvertedBackground={false}
-          background={{ variant: 'animated-grid' }}
-        />
-      </div>
-      <div id="footer" data-section="footer">
-        <FooterMedia 
-          imageSrc="https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&q=80&w=2000"
-          logoText="Webild"
-          columns={[]}
-        />
-      </div>
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="aurora"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleFullscreen
+      navItems={[
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Works", id: "product" },
+        { name: "Contact", id: "contact" },
+      ]}
+      brandName="Helen Rustom"
+    />
+  </div>
+
+  <div id="hero" data-section="hero">
+      <HeroBillboardScroll
+      background={{ variant: "plain" }}
+      title="Helen Rustom (هيلين رستم)"
+      description="أرسم المشاعر قبل الملامح - حيث تتجسد الأحاسيس في لوحات رقيقة."
+      buttons={[{ text: "استعرض أعمالي", href: "#product" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316669.jpg"
+      imageAlt="elegant romantic artist painting studio"
+    />
+  </div>
+
+  <div id="about" data-section="about">
+      <SplitAbout
+      textboxLayout="split"
+      useInvertedBackground={true}
+      title="عن الفنانة هيلين رستم"
+      description="فنانة تعشق التفاصيل الرومانسية، تسعى دائماً لنقل المشاعر الإنسانية عبر فرشاة ناعمة وخطوط انسيابية."
+      bulletPoints={[
+        { title: "بداياتي", description: "بدأت مشواري الفني منذ الطفولة بتجربة الألوان المائية." },
+        { title: "أسلوبي", description: "أعتمد أسلوباً فنياً عاطفياً يعكس المشاعر الدفينة." },
+        { title: "هواياتي", description: "أهوى القراءة والموسيقى الكلاسيكية التي تلهم أعمالي." }
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-posing-nature_23-2149080924.jpg"
+      mediaAnimation="slide-up"
+      imageAlt="young woman artist painting studio"
+    />
+  </div>
+
+  <div id="feature" data-section="feature">
+      <FeatureBento
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      features={[
+        {
+          title: "الرسم بالرصاص",          description: "دقة متناهية في رسم الملامح وتفاصيل الظلال.",          bentoComponent: "reveal-icon",          icon: Feather
+        },
+        {
+          title: "الرسم الرقمي",          description: "دمج الألوان العصرية بلمسة كلاسيكية رومانسية.",          bentoComponent: "reveal-icon",          icon: Palette
+        },
+        {
+          title: "البورتريه",          description: "تصوير المشاعر الصادقة في كل وجه.",          bentoComponent: "reveal-icon",          icon: User
+        }
+      ]}
+      title="أسلوبي الفني"
+      description="ما يميز أعمال هيلين رستم هو التركيز على الجانب العاطفي في كل تفصيلة."
+    />
+  </div>
+
+  <div id="product" data-section="product">
+      <ProductCardThree
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={true}
+      animationType="slide-up"
+      products={[
+        { id: "1", name: "Portrait Sketch", price: "150$", imageSrc: "http://img.b2bpic.net/free-photo/vintage-collage-with-woman-lifeline_23-2150169203.jpg", imageAlt: "artistic sketch portrait drawing pencil" },
+        { id: "2", name: "Charcoal Study", price: "200$", imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190703.jpg", imageAlt: "pencil drawing detailed artistic sketch" },
+        { id: "3", name: "Digital Dream", price: "180$", imageSrc: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665755.jpg", imageAlt: "digital art illustration floral dreamy" },
+        { id: "4", name: "Pencil Art", price: "120$", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-artist_23-2147781632.jpg", imageAlt: "sketch drawing minimalist pencil style" },
+        { id: "5", name: "Abstract Mood", price: "250$", imageSrc: "http://img.b2bpic.net/free-photo/ranunculus-grayscale-with-risograph-effect-remixed-media_53876-128768.jpg", imageAlt: "pencil illustration soft sketching art" },
+        { id: "6", name: "Soft Portrait", price: "220$", imageSrc: "http://img.b2bpic.net/free-photo/couple-date-garden-valentine-s-theme-hand-drawn-illustration_53876-108695.jpg", imageAlt: "digital drawing artistic soft colors" }
+      ]}
+      title="أفضل الرسومات"
+      description="مجموعة مختارة من أعمال هيلين رستم الفنية التي تحكي قصصاً من المشاعر. أضيفي لوحاتك الجديدة عبر واجهة التحكم بتحميل صورة واضحة وتعيين السعر والاسم."
+    />
+  </div>
+
+  <div id="testimonial" data-section="testimonial">
+      <TestimonialCardFive
+      textboxLayout="default"
+      useInvertedBackground={false}
+      testimonials={[
+        {
+          id: "1",          name: "سارة أحمد",          date: "2023",          title: "جامعة فنون",          quote: "رسوماتها تلمس القلب مباشرة.",          tag: "عميلة",          avatarSrc: "http://img.b2bpic.net/free-photo/cute-female-artist-looking-happy-enjoyed_259150-60636.jpg"
+        },
+        {
+          id: "2",          name: "خالد محمد",          date: "2023",          title: "مقتنٍ للفنون",          quote: "أبدعت في تصوير مشاعري في هذه اللوحة.",          tag: "عميل",          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-drawing-notebook_23-2150182567.jpg"
+        },
+        {
+          id: "3",          name: "ليلى يوسف",          date: "2024",          title: "محبة للفن",          quote: "ألوان هادئة وجمال لا يوصف.",          tag: "عميلة",          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-model-poses-looking-down-showing-eye-makeup-blue-tones_633478-392.jpg"
+        },
+        {
+          id: "4",          name: "ياسر علي",          date: "2024",          title: "مهتم بالفن",          quote: "أعمال فنية تفوق التوقعات.",          tag: "عميل",          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-studio_23-2151038799.jpg"
+        },
+        {
+          id: "5",          name: "منى نور",          date: "2024",          title: "فنانة",          quote: "حساسية عالية في اختيار الخطوط.",          tag: "عميلة",          avatarSrc: "http://img.b2bpic.net/free-photo/mysterious-beauty-portrait-with-lace-veil_23-2152019597.jpg"
+        }
+      ]}
+      title="آراء المحبين"
+      description="ماذا يقول الناس عن الأعمال الفنية لهيلين رستم."
+    />
+  </div>
+
+  <div id="blog" data-section="blog">
+      <BlogCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      title="يوميات هيلين رستم الفنية"
+      description="كواليس العمل والأفكار التي تلهمني يومياً."
+      blogs={[
+        {
+          id: "1",          category: "كواليس",          title: "كيف أختار موضوع لوحاتي؟",          excerpt: "رحلة البحث عن الإلهام في أبسط التفاصيل.",          imageSrc: "http://img.b2bpic.net/free-photo/painting-supplies-pictures-table_23-2147863711.jpg",          authorName: "هيلين رستم",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-redhead-woman-near-magnolia-twig_8353-10753.jpg",          date: "أكتوبر 2023"
+        },
+        {
+          id: "2",          category: "أدوات",          title: "أدواتي المفضلة",          excerpt: "استعراض للأدوات التي تمنح أعمالي دقة أكبر.",          imageSrc: "http://img.b2bpic.net/free-photo/canvas-leaning-studio_23-2148014028.jpg",          authorName: "هيلين رستم",          authorAvatar: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11434.jpg",          date: "نوفمبر 2023"
+        },
+        {
+          id: "3",          category: "معارض",          title: "تجربة العرض الأول",          excerpt: "مشاعر العرض الفني الأول وكيف كان أثره.",          imageSrc: "http://img.b2bpic.net/free-photo/wc-sign-city_23-2150039833.jpg",          authorName: "هيلين رستم",          authorAvatar: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11433.jpg",          date: "ديسمبر 2023"
+        }
+      ]}
+    />
+  </div>
+
+  <div id="contact" data-section="contact">
+      <ContactSplit
+      tag="اتصل بنا"
+      useInvertedBackground={false}
+      background={{ variant: "plain" }}
+      title="تواصل مع هيلين رستم"
+      description="هل تود طلب رسم خاص؟ لا تترددي في التواصل معي عبر الإيميل أو متابعتي على المنصات الاجتماعية."
+      imageSrc="http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11453.jpg"
+      imageAlt="young woman artist painting studio"
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/mocha-watercolor-floral-background_23-2151922918.jpg"
+      logoText="Helen Rustom"
+      columns={[
+        { title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "عن هيلين", href: "#about" }] },
+        { title: "الأعمال", items: [{ label: "المعرض", href: "#product" }, { label: "الرسومات", href: "#product" }] },
+        { title: "تواصل", items: [{ label: "واتساب", href: "#" }, { label: "إنستغرام", href: "#" }] }
+      ]}
+      imageAlt="soft romantic floral art texture"
+    />
+  </div>
+      </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}

From fa7dc38da79193be766a9832a12e1ce7fe3df9d9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 23:08:32 +0000
Subject: [PATCH 2/2] Update src/app/styles/base.css

---
 src/app/styles/base.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 38357a7..dbda04c 100644
--- 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-halant), sans-serif;
+  font-family: var(--font-reem-kufi), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-halant), sans-serif;
+  font-family: var(--font-reem-kufi), sans-serif;
 }