From e83d1b2f697742f6da1088a81bafc4089f7cfa63 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 05:04:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 383 ++++++++++++++---------------------------------
 1 file changed, 112 insertions(+), 271 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6dd5957..6b9b2f2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,284 +27,125 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Nijaran."
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Services", id: "services" },
+              { name: "Portfolio", id: "portfolio" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Nijaran."
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroOverlay
-      title="Crafting Visual Experiences That Drive Results"
-      description="I’m Nijaran — a Graphic Designer specializing in branding, social media creatives, packaging design, and UI visuals."
-      tag="Hello There!"
-      buttons={[
-        {
-          text: "View Portfolio",
-          href: "#portfolio",
-        },
-        {
-          text: "Hire Me",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419462.jpg?_wi=1"
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroOverlay
+            title="Crafting Visual Experiences That Drive Results"
+            description="I’m Nijaran — a Graphic Designer specializing in branding, social media creatives, packaging design, and UI visuals."
+            tag="Hello There!"
+            buttons={[
+              { text: "View Portfolio", href: "#portfolio" },
+              { text: "Hire Me", href: "#contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419462.jpg"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFive
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Logo & Branding",
-          description: "Brand identities that communicate your story and leave a lasting impression.",
-          icon: Feather,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148070299.jpg?_wi=1",
-              imageAlt: "Logo Design",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/back-school-label-collection_23-2148197638.jpg?_wi=1",
-              imageAlt: "Branding",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419462.jpg?_wi=2",
-          imageAlt: "neon portrait graphic designer",
-        },
-        {
-          title: "Social Media Design",
-          description: "High-impact designs tailored for engagement on Instagram, LinkedIn and more.",
-          icon: Hash,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/information-technology-vectors_23-2147501064.jpg?_wi=1",
-              imageAlt: "Social Media",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148070299.jpg?_wi=2",
-              imageAlt: "Design",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148070299.jpg?_wi=3",
-          imageAlt: "photoshop logo icon vector",
-        },
-        {
-          title: "UI/UX Design",
-          description: "Modern, user-friendly interfaces for web and mobile applications.",
-          icon: Layers,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/back-school-label-collection_23-2148197638.jpg?_wi=2",
-              imageAlt: "UI",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/information-technology-vectors_23-2147501064.jpg?_wi=2",
-              imageAlt: "UX",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/back-school-label-collection_23-2148197638.jpg?_wi=3",
-          imageAlt: "illustrator logo icon vector",
-        },
-      ]}
-      title="What I Create"
-      description="I help brands stand out in competitive markets through clean, modern, and conversion-driven design solutions."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFive
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Logo & Branding",                description: "Brand identities that communicate your story and leave a lasting impression.",                icon: Feather,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148070299.jpg", imageAlt: "Logo Design" },
+                  { imageSrc: "http://img.b2bpic.net/free-vector/back-school-label-collection_23-2148197638.jpg", imageAlt: "Branding" },
+                ],
+              },
+              {
+                title: "Social Media Design",                description: "High-impact designs tailored for engagement on Instagram, LinkedIn and more.",                icon: Hash,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-vector/information-technology-vectors_23-2147501064.jpg", imageAlt: "Social Media" },
+                  { imageSrc: "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148070299.jpg", imageAlt: "Design" },
+                ],
+              },
+              {
+                title: "UI/UX Design",                description: "Modern, user-friendly interfaces for web and mobile applications.",                icon: Layers,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-vector/back-school-label-collection_23-2148197638.jpg", imageAlt: "UI" },
+                  { imageSrc: "http://img.b2bpic.net/free-vector/information-technology-vectors_23-2147501064.jpg", imageAlt: "UX" },
+                ],
+              },
+            ]}
+            title="What I Create"
+            description="I help brands stand out in competitive markets through clean, modern, and conversion-driven design solutions."
+          />
+        </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardFour
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "NR Creations",
-          price: "Print Design",
-          variant: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-vector/realistic-new-year-2020-poster-template_52683-30518.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Flower Shop Poster",
-          price: "Marketing",
-          variant: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-vector/spring-sale-flyer-template_23-2148857394.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Tech Startup Kit",
-          price: "Corporate",
-          variant: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-vector/letterhead-template-design_1142-369.jpg?_wi=1",
-        },
-      ]}
-      title="Featured Projects"
-      description="A curated collection of my recent work across branding, print, and digital design."
-    />
-  </div>
+        <div id="portfolio" data-section="portfolio">
+          <ProductCardFour
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            animationType="blur-reveal"
+            products={[
+              { id: "p1", name: "NR Creations", price: "Print Design", variant: "Featured", imageSrc: "http://img.b2bpic.net/free-vector/realistic-new-year-2020-poster-template_52683-30518.jpg" },
+              { id: "p2", name: "Flower Shop Poster", price: "Marketing", variant: "Featured", imageSrc: "http://img.b2bpic.net/free-vector/spring-sale-flyer-template_23-2148857394.jpg" },
+              { id: "p3", name: "Tech Startup Kit", price: "Corporate", variant: "Featured", imageSrc: "http://img.b2bpic.net/free-vector/letterhead-template-design_1142-369.jpg" },
+            ]}
+            title="Featured Projects"
+            description="A curated collection of my recent work across branding, print, and digital design."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="The Story Behind Nijaran Designs"
-      description={[
-        "I’m a Sri Lanka–based graphic designer who blends creativity with strategy. My work focuses on clean visuals, modern aesthetics, and designs that convert.",
-        "With over 50 projects completed, I help brands stand out in competitive markets through thoughtful, results-oriented design.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="The Story Behind Nijaran Designs"
+            description={[
+              "I’m a Sri Lanka–based graphic designer who blends creativity with strategy. My work focuses on clean visuals, modern aesthetics, and designs that convert.",              "With over 50 projects completed, I help brands stand out in competitive markets through thoughtful, results-oriented design."]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Mohamed Shan",
-          date: "Oct 2025",
-          title: "CEO",
-          quote: "Nijaran delivered exceptional designs that boosted our customer engagement. Highly professional and creative!",
-          tag: "Ayna Beauty",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/information-technology-vectors_23-2147501064.jpg?_wi=3",
-          imageAlt: "canva logo icon design tool",
-        },
-        {
-          id: "t2",
-          name: "Nimesha",
-          date: "Sept 2025",
-          title: "Marketing Director",
-          quote: "The branding package was exactly what we needed. Clean, modern, and delivered on time.",
-          tag: "Marketing Co",
-          avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-lawyer-posing-outdoors_23-2148230752.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-logo-flat-design_23-2148203432.jpg",
-          imageAlt: "capcut logo icon video",
-        },
-        {
-          id: "t3",
-          name: "Vishnu",
-          date: "Aug 2025",
-          title: "Founder",
-          quote: "Best poster designs we've ever had. Nijaran understands visual hierarchy perfectly.",
-          tag: "Casino Royale",
-          avatarSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/realistic-new-year-2020-poster-template_52683-30518.jpg?_wi=2",
-          imageAlt: "casino poster design gold black",
-        },
-        {
-          id: "t4",
-          name: "Sarah Miller",
-          date: "July 2025",
-          title: "Brand Lead",
-          quote: "Incredible communication and beautiful results. Truly a talent in the design space.",
-          tag: "Startup Hub",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/spring-sale-flyer-template_23-2148857394.jpg?_wi=2",
-          imageAlt: "floral shop poster design",
-        },
-        {
-          id: "t5",
-          name: "David Chen",
-          date: "June 2025",
-          title: "Director",
-          quote: "A true professional who brings unique artistic vision to every project.",
-          tag: "Tech Solutions",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/letterhead-template-design_1142-369.jpg?_wi=2",
-          imageAlt: "corporate branding design tech company",
-        },
-      ]}
-      title="What Clients Say"
-      description="Trusted by brands to deliver high-quality, creative, and professional design work."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Mohamed Shan", date: "Oct 2025", title: "CEO", quote: "Nijaran delivered exceptional designs that boosted our customer engagement. Highly professional and creative!", tag: "Ayna Beauty", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg", imageSrc: "http://img.b2bpic.net/free-vector/information-technology-vectors_23-2147501064.jpg" },
+              { id: "t2", name: "Nimesha", date: "Sept 2025", title: "Marketing Director", quote: "The branding package was exactly what we needed. Clean, modern, and delivered on time.", tag: "Marketing Co", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-lawyer-posing-outdoors_23-2148230752.jpg", imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-logo-flat-design_23-2148203432.jpg" },
+              { id: "t3", name: "Vishnu", date: "Aug 2025", title: "Founder", quote: "Best poster designs we've ever had. Nijaran understands visual hierarchy perfectly.", tag: "Casino Royale", avatarSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", imageSrc: "http://img.b2bpic.net/free-vector/realistic-new-year-2020-poster-template_52683-30518.jpg" },
+              { id: "t4", name: "Sarah Miller", date: "July 2025", title: "Brand Lead", quote: "Incredible communication and beautiful results. Truly a talent in the design space.", tag: "Startup Hub", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg", imageSrc: "http://img.b2bpic.net/free-vector/spring-sale-flyer-template_23-2148857394.jpg" },
+              { id: "t5", name: "David Chen", date: "June 2025", title: "Director", quote: "A true professional who brings unique artistic vision to every project.", tag: "Tech Solutions", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg", imageSrc: "http://img.b2bpic.net/free-vector/letterhead-template-design_1142-369.jpg" },
+            ]}
+            title="What Clients Say"
+            description="Trusted by brands to deliver high-quality, creative, and professional design work."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "canvas-reveal",
-      }}
-      text="Ready to bring your brand to life? Let's discuss your project today and create something extraordinary."
-      buttons={[
-        {
-          text: "Contact Me",
-          href: "mailto:thenijaranofficalinfo@gmail.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "canvas-reveal" }}
+            text="Ready to bring your brand to life? Let's discuss your project today and create something extraordinary."
+            buttons={[{ text: "Contact Me", href: "mailto:thenijaranofficalinfo@gmail.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Home",
-              href: "#home",
-            },
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Branding",
-              href: "#services",
-            },
-            {
-              label: "UI/UX",
-              href: "#services",
-            },
-            {
-              label: "Video",
-              href: "#services",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2026 Nijaran Designs. All Rights Reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Links", items: [{ label: "Home", href: "#home" }, { label: "Portfolio", href: "#portfolio" }, { label: "Contact", href: "#contact" }] },
+              { title: "Services", items: [{ label: "Branding", href: "#services" }, { label: "UI/UX", href: "#services" }, { label: "Video", href: "#services" }] },
+            ]}
+            copyrightText="© 2026 Nijaran Designs. All Rights Reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file