diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..67efb8b
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
+
+  return (
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={navItems} logoText="Webild" />
+      </div>
+      <div id="about" data-section="about">
+        <SplitAbout title="About Us" description="Our company mission." bulletPoints={[]} useInvertedBackground={false} />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia logoText="Webild" imageSrc="/placeholder.svg" columns={[]} />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..32e6ffa
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
+
+  return (
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={navItems} logoText="Webild" />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactSplit title="Contact Us" description="Reach out today." background={{ variant: "plain" }} />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia logoText="Webild" imageSrc="/placeholder.svg" columns={[]} />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1cd5ddc..3117bd8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,185 +1,34 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
+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 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 LandingPage() {
+export default function HomePage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
+
   return (
-    <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>
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={navItems} logoText="Webild" />
+      </div>
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll title="Welcome" description="This is the home page." background={{ variant: "plain" }} />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia logoText="Webild" imageSrc="/placeholder.svg" columns={[]} />
+      </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file