From cccd4dfa8a24fd4cbae1ec61ef62f088204b546b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 12:09:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 229 +++++++++--------------------------------------
 1 file changed, 42 insertions(+), 187 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 41b5733..c93e2dc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,91 +32,42 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Work",
-          id: "tech-showcase",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Work", id: "tech-showcase" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Ifeoluwa Designs"
+      button={{ text: "Connect", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Innovation Meets Creativity"
       description="Hi, I'm Ifeoluwa Olatomide. Founder of Ifeoluwa Designs, creating impactful digital experiences and brand stories from Nigeria to the world."
       buttons={[
-        {
-          text: "View My Work",
-          href: "#tech-showcase",
-        },
-        {
-          text: "Let's Connect",
-          href: "#contact",
-        },
+        { text: "View My Work", href: "#tech-showcase" },
+        { text: "Let's Connect", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg"
       imageAlt="creative designer workspace"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
-          alt: "Middle eastern businessman does daily tasks at the corporate job",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg",
-          alt: "Medium shot smiley man with laptop",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
-          alt: "Person of indian origin having fun",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
-          alt: "Project leder with disabilities looking at front sitting immobilized in wheelchair in business office room",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg",
-          alt: "creative designer workspace",
-        },
+        { src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", alt: "Middle eastern businessman does daily tasks at the corporate job" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg", alt: "Medium shot smiley man with laptop" },
+        { src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", alt: "Person of indian origin having fun" },
+        { src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg", alt: "Project leder with disabilities looking at front sitting immobilized in wheelchair in business office room" },
+        { src: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg", alt: "creative designer workspace" },
       ]}
       avatarText="Trusted by 50+ Professionals"
       marqueeItems={[
-        {
-          type: "text",
-          text: "UI/UX Design",
-        },
-        {
-          type: "text",
-          text: "Brand Identity",
-        },
-        {
-          type: "text",
-          text: "App Development",
-        },
-        {
-          type: "text",
-          text: "Digital Strategy",
-        },
-        {
-          type: "text",
-          text: "Social Media Growth",
-        },
+        { type: "text", text: "UI/UX Design" },
+        { type: "text", text: "Brand Identity" },
+        { type: "text", text: "App Development" },
+        { type: "text", text: "Digital Strategy" },
+        { type: "text", text: "Social Media Growth" },
       ]}
     />
   </div>
@@ -136,21 +87,8 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "Mobile App Design (No-Code)",
-          "Business Strategy",
-          "Digital Marketing Consultation",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Graphic Design & Logos",
-          "Brand Identity Systems",
-          "Social Media Content",
-          "Banners & Posters",
-        ],
-      }}
+      negativeCard={{ items: ["Mobile App Design (No-Code)", "Business Strategy", "Digital Marketing Consultation"] }}
+      positiveCard={{ items: ["Graphic Design & Logos", "Brand Identity Systems", "Social Media Content", "Banners & Posters"] }}
       title="Crafting Your Story"
       description="I combine diverse skills to ensure your message connects with your audience effectively."
     />
@@ -160,44 +98,15 @@ export default function LandingPage() {
       <ProductCardThree
       textboxLayout="default"
       gridVariant="bento-grid"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "SOCIAL App",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/arabic-phone-16_187299-46645.jpg",
-        },
-        {
-          id: "p2",
-          name: "Brand Campaign A",
-          price: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/gray-simple-textured-background-design_53876-145149.jpg",
-        },
-        {
-          id: "p3",
-          name: "Startup Web UI",
-          price: "Tech",
-          imageSrc: "http://img.b2bpic.net/free-photo/working-architect-colleagues-discussing-layout-project_482257-8116.jpg",
-        },
-        {
-          id: "p4",
-          name: "Agency Identity",
-          price: "Brand",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440912.jpg",
-        },
-        {
-          id: "p5",
-          name: "Event Promo",
-          price: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320694.jpg",
-        },
-        {
-          id: "p6",
-          name: "App Concept V2",
-          price: "Tech",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-wooden-desk-with-social-media-diagram_1134-64.jpg",
-        },
+        { id: "p1", name: "SOCIAL App", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/arabic-phone-16_187299-46645.jpg" },
+        { id: "p2", name: "Brand Campaign A", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/gray-simple-textured-background-design_53876-145149.jpg" },
+        { id: "p3", name: "Startup Web UI", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/working-architect-colleagues-discussing-layout-project_482257-8116.jpg" },
+        { id: "p4", name: "Agency Identity", price: "Brand", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440912.jpg" },
+        { id: "p5", name: "Event Promo", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320694.jpg" },
+        { id: "p6", name: "App Concept V2", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/laptop-wooden-desk-with-social-media-diagram_1134-64.jpg" },
       ]}
       title="Tech & Projects"
       description="My latest work integrating design and technology."
@@ -210,24 +119,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          title: "Projects Completed",
-          value: "50+",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          title: "Happy Clients",
-          value: "40+",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          title: "Designs Created",
-          value: "200+",
-          icon: Palette,
-        },
+        { id: "m1", title: "Projects Completed", value: "50+", icon: Award },
+        { id: "m2", title: "Happy Clients", value: "40+", icon: Users },
+        { id: "m3", title: "Designs Created", value: "200+", icon: Palette },
       ]}
       title="By The Numbers"
       description="Building impact one project at a time."
@@ -238,15 +132,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Brand A",
-        "Brand B",
-        "Brand C",
-        "Brand D",
-        "Brand E",
-        "Brand F",
-        "Brand G",
-      ]}
+      names={["Brand A", "Brand B", "Brand C", "Brand D", "Brand E", "Brand F", "Brand G"]}
       title="Trusted Partners"
       description="Working with businesses across Nigeria and beyond."
     />
@@ -257,21 +143,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "What tools do you use?",
-          content: "I use a range of professional design tools and no-code platforms like Adalo for app development.",
-        },
-        {
-          id: "f2",
-          title: "Do you work with international clients?",
-          content: "Yes, I work with clients both within Nigeria and internationally.",
-        },
-        {
-          id: "f3",
-          title: "How long does a design project take?",
-          content: "Timelines vary depending on project scope, but I prioritize clear communication to ensure deadlines are met.",
-        },
+        { id: "f1", title: "What tools do you use?", content: "I use a range of professional design tools and no-code platforms like Adalo for app development." },
+        { id: "f2", title: "Do you work with international clients?", content: "Yes, I work with clients both within Nigeria and internationally." },
+        { id: "f3", title: "How long does a design project take?", content: "Timelines vary depending on project scope, but I prioritize clear communication to ensure deadlines are met." },
       ]}
       title="Common Questions"
       description="Get to know more about my design process and services."
@@ -282,9 +156,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get In Touch"
       title="Let’s Bring Your Vision To Life"
       description="Ready to elevate your brand? Reach out via email or follow me on social media to start a project."
@@ -301,33 +173,16 @@ export default function LandingPage() {
       logoText="Ifeoluwa Designs"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Portfolio",
-              href: "#tech-showcase",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Portfolio", href: "#tech-showcase" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com/ifeoluwa_designs",
-            },
-            {
-              label: "Facebook",
-              href: "https://facebook.com/ifeoluwa_designs",
-            },
+          title: "Social",          items: [
+            { label: "Instagram", href: "https://instagram.com/ifeoluwa_designs" },
+            { label: "Facebook", href: "https://facebook.com/ifeoluwa_designs" },
           ],
         },
       ]}