From 5ca30b43cb10e507d514c966847534626cd0a497 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 8 Jun 2026 12:46:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 331 +++++++++++------------------------------------
 1 file changed, 75 insertions(+), 256 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c297f3a..9afeb4b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { Brush, Code, Palette, Search } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -32,37 +33,21 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Skills",
-          id: "features",
-        },
+          name: "Skills",          id: "features"},
         {
-          name: "Impact",
-          id: "metrics",
-        },
+          name: "Impact",          id: "metrics"},
         {
-          name: "Clients",
-          id: "social-proof",
-        },
+          name: "Clients",          id: "social-proof"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Diez Jessy"
     />
@@ -72,64 +57,34 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       imagePosition="right"
       title="Diez Jessy: Crafting Digital Excellence"
       description="Passionate designer and developer focused on creating intuitive and visually stunning web experiences. Bringing your ideas to life with precision and creativity."
       testimonials={[
         {
-          name: "Alex K.",
-          handle: "@alexk_design",
-          testimonial: "Jessy transformed our vision into a stunning website. Exceptional quality and communication throughout the project!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg",
-          imageAlt: "Alex K. testimonial avatar",
-        },
+          name: "Alex K.",          handle: "@alexk_design",          testimonial: "Jessy transformed our vision into a stunning website. Exceptional quality and communication throughout the project!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg",          imageAlt: "Alex K. testimonial avatar"},
         {
-          name: "Samantha L.",
-          handle: "@samanthal_dev",
-          testimonial: "Highly recommend Diez for any web development needs. Professional, efficient, and delivers beyond expectations.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-smiling_74855-3248.jpg",
-          imageAlt: "Samantha L. testimonial avatar",
-        },
+          name: "Samantha L.",          handle: "@samanthal_dev",          testimonial: "Highly recommend Diez for any web development needs. Professional, efficient, and delivers beyond expectations.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-smiling_74855-3248.jpg",          imageAlt: "Samantha L. testimonial avatar"},
         {
-          name: "Mark D.",
-          handle: "@mark_digital",
-          testimonial: "Outstanding design and front-end work. Diez captured our brand essence perfectly and delivered a flawless user experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116374.jpg",
-          imageAlt: "confident outline business side face male",
-        },
+          name: "Mark D.",          handle: "@mark_digital",          testimonial: "Outstanding design and front-end work. Diez captured our brand essence perfectly and delivered a flawless user experience.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116374.jpg",          imageAlt: "confident outline business side face male"},
         {
-          name: "Emily R.",
-          handle: "@emilyr_ux",
-          testimonial: "A true professional! From concept to launch, Diez was an invaluable partner, exceeding our expectations with innovation and skill.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/furious-business-leader-angry-with-negative-review_1262-14939.jpg",
-          imageAlt: "Cheerful boss sitting with a newspaper on the table",
-        },
+          name: "Emily R.",          handle: "@emilyr_ux",          testimonial: "A true professional! From concept to launch, Diez was an invaluable partner, exceeding our expectations with innovation and skill.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/furious-business-leader-angry-with-negative-review_1262-14939.jpg",          imageAlt: "Cheerful boss sitting with a newspaper on the table"},
         {
-          name: "Chris P.",
-          handle: "@chrisp_dev",
-          testimonial: "Diez's expertise in React and Next.js is evident. Our new application is fast, scalable, and a pleasure to use. Highly recommended!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
-          imageAlt: "Confident senior executive looking at camera",
-        },
+          name: "Chris P.",          handle: "@chrisp_dev",          testimonial: "Diez's expertise in React and Next.js is evident. Our new application is fast, scalable, and a pleasure to use. Highly recommended!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",          imageAlt: "Confident senior executive looking at camera"},
       ]}
       testimonialRotationInterval={5000}
       tagAnimation="none"
       buttons={[
         {
-          text: "View Portfolio",
-          href: "#features",
-        },
+          text: "View Portfolio",          href: "#features"},
         {
-          text: "Get in Touch",
-          href: "#contact",
-        },
+          text: "Get in Touch",          href: "#contact"},
       ]}
       buttonAnimation="none"
       imageSrc="http://img.b2bpic.net/free-photo/teleworker-using-laptop-coding-software-developing_482257-124274.jpg"
@@ -138,53 +93,28 @@ export default function LandingPage() {
       fixedMediaHeight={true}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-          alt: "Smiling young businessman in suit looking at camera at meeting",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          alt: "Smiling young businessman in suit looking at camera at meeting"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-wireless-earphones-sitting_574295-3784.jpg",
-          alt: "Girl sitting at the table and holding mobile phone indoors",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-wireless-earphones-sitting_574295-3784.jpg",          alt: "Girl sitting at the table and holding mobile phone indoors"},
         {
-          src: "http://img.b2bpic.net/free-photo/woman-shirt-showing-ok-sign_171337-17166.jpg",
-          alt: "Woman showing the ok sign",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-shirt-showing-ok-sign_171337-17166.jpg",          alt: "Woman showing the ok sign"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-senior-man-chatting-listening-remote-teamwork-video-call-working-from-home-elderly-person-using-internet-online-chat-technology-webcam-making-virtual-meeting-call-connection_482257-15992.jpg",
-          alt: "Mature man sitting at his desk",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-senior-man-chatting-listening-remote-teamwork-video-call-working-from-home-elderly-person-using-internet-online-chat-technology-webcam-making-virtual-meeting-call-connection_482257-15992.jpg",          alt: "Mature man sitting at his desk"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-looking-up-amazed-surprised-bedroom-interior_141793-102365.jpg",
-          alt: "Woman in bed showing OK gesture",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-looking-up-amazed-surprised-bedroom-interior_141793-102365.jpg",          alt: "Woman in bed showing OK gesture"},
       ]}
       avatarText="Join over 150 satisfied clients"
       marqueeItems={[
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/people-group-colorful-gradient-logo_343694-1962.jpg",
-          alt: "abstract corporate logo design",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-vector/people-group-colorful-gradient-logo_343694-1962.jpg",          alt: "abstract corporate logo design"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/technology-logo-template-with-abstract-shapes_23-2148240848.jpg",
-          alt: "modern tech company emblem",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-vector/technology-logo-template-with-abstract-shapes_23-2148240848.jpg",          alt: "modern tech company emblem"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148854301.jpg",
-          alt: "financial services company logo",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148854301.jpg",          alt: "financial services company logo"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/study-knowledge-academics-institute-graphic_53876-124507.jpg",
-          alt: "education platform logo academic",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/study-knowledge-academics-institute-graphic_53876-124507.jpg",          alt: "education platform logo academic"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/patient-doctor-privilegeyoung-woman-healthcare-worker-showing-mouth-seal-zipper-gesture-standing-white-coat-against-torquoise-background_1258-123242.jpg",
-          alt: "healthcare clinic logo medical",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/patient-doctor-privilegeyoung-woman-healthcare-worker-showing-mouth-seal-zipper-gesture-standing-white-coat-against-torquoise-background_1258-123242.jpg",          alt: "healthcare clinic logo medical"},
       ]}
       marqueeSpeed={40}
       showMarqueeCard={true}
@@ -202,17 +132,11 @@ export default function LandingPage() {
       buttonAnimation="none"
       bulletPoints={[
         {
-          title: "Design Thinking",
-          description: "Applying human-centered design principles to create intuitive user experiences.",
-        },
+          title: "Design Thinking",          description: "Applying human-centered design principles to create intuitive user experiences."},
         {
-          title: "Technical Expertise",
-          description: "Proficient in front-end development with a focus on React, Next.js, and modern CSS.",
-        },
+          title: "Technical Expertise",          description: "Proficient in front-end development with a focus on React, Next.js, and modern CSS."},
         {
-          title: "Project Management",
-          description: "Ensuring smooth project execution from concept to deployment.",
-        },
+          title: "Project Management",          description: "Ensuring smooth project execution from concept to deployment."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-writing-sticker-with-marker-concentrated-professional-curly-female-manager-sharing-idea-project-making-note_74855-6746.jpg"
       imageAlt="Diez Jessy sketching new design ideas"
@@ -226,37 +150,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "UI/UX Design",
-          description: "Crafting intuitive interfaces and seamless user experiences from wireframes to high-fidelity prototypes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/writing-work-process_53876-137653.jpg",
-          imageAlt: "UI/UX design interface sketch",
-          buttonIcon: "Brush",
-          buttonHref: "#",
-        },
+          title: "UI/UX Design",          description: "Crafting intuitive interfaces and seamless user experiences from wireframes to high-fidelity prototypes.",          imageSrc: "http://img.b2bpic.net/free-photo/writing-work-process_53876-137653.jpg",          imageAlt: "UI/UX design interface sketch",          buttonIcon: Brush,
+          buttonHref: "#"},
         {
-          title: "Front-End Development",
-          description: "Building responsive, high-performance web applications using modern frameworks like React and Next.js.",
-          imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",
-          imageAlt: "Front end development code editor",
-          buttonIcon: "Code",
-          buttonHref: "#",
-        },
+          title: "Front-End Development",          description: "Building responsive, high-performance web applications using modern frameworks like React and Next.js.",          imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",          imageAlt: "Front end development code editor",          buttonIcon: Code,
+          buttonHref: "#"},
         {
-          title: "Brand & Graphic Design",
-          description: "Developing strong brand identities and compelling visual assets that resonate with your audience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/party-hat-white_23-2147747721.jpg",
-          imageAlt: "Brand identity design logo concept",
-          buttonIcon: "Palette",
-          buttonHref: "#",
-        },
+          title: "Brand & Graphic Design",          description: "Developing strong brand identities and compelling visual assets that resonate with your audience.",          imageSrc: "http://img.b2bpic.net/free-photo/party-hat-white_23-2147747721.jpg",          imageAlt: "Brand identity design logo concept",          buttonIcon: Palette,
+          buttonHref: "#"},
         {
-          title: "SEO Optimization",
-          description: "Implementing strategies to enhance your online visibility and drive organic traffic to your digital platforms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040206.jpg",
-          imageAlt: "SEO optimization keywords research",
-          buttonIcon: "Search",
-          buttonHref: "#",
-        },
+          title: "SEO Optimization",          description: "Implementing strategies to enhance your online visibility and drive organic traffic to your digital platforms.",          imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040206.jpg",          imageAlt: "SEO optimization keywords research",          buttonIcon: Search,
+          buttonHref: "#"},
       ]}
       title="My Core Skills"
       description="A comprehensive skill set enabling end-to-end digital product development and design."
@@ -272,31 +176,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "years",
-          value: "8+",
-          title: "Years of Experience",
-          items: [
-            "Honing skills since 2016",
-            "Delivering robust solutions",
-          ],
+          id: "years",          value: "8+",          title: "Years of Experience",          items: [
+            "Honing skills since 2016",            "Delivering robust solutions"],
         },
         {
-          id: "projects",
-          value: "150+",
-          title: "Projects Completed",
-          items: [
-            "Successful launches across industries",
-            "Diverse portfolio of work",
-          ],
+          id: "projects",          value: "150+",          title: "Projects Completed",          items: [
+            "Successful launches across industries",            "Diverse portfolio of work"],
         },
         {
-          id: "satisfaction",
-          value: "98%",
-          title: "Client Satisfaction",
-          items: [
-            "Exceeding expectations consistently",
-            "Building lasting relationships",
-          ],
+          id: "satisfaction",          value: "98%",          title: "Client Satisfaction",          items: [
+            "Exceeding expectations consistently",            "Building lasting relationships"],
         },
       ]}
       title="My Professional Impact"
@@ -311,14 +200,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "InnovateCorp",
-        "Global Dynamics",
-        "Future Solutions",
-        "Creative Hub",
-        "Apex Digital",
-        "Visionary Tech",
-        "Synergy Labs",
-      ]}
+        "InnovateCorp",        "Global Dynamics",        "Future Solutions",        "Creative Hub",        "Apex Digital",        "Visionary Tech",        "Synergy Labs"]}
       title="Trusted by Leading Brands"
       description="Partnerships that speak volumes about quality and reliability."
       tagAnimation="none"
@@ -336,50 +218,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Olivia Miller",
-          role: "CEO",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
-          imageAlt: "Olivia Miller profile picture",
-        },
+          id: "1",          name: "Olivia Miller",          role: "CEO",          company: "GrowthCo",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",          imageAlt: "Olivia Miller profile picture"},
         {
-          id: "2",
-          name: "Noah Davis",
-          role: "Marketing Director",
-          company: "BrightSpark",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",
-          imageAlt: "Noah Davis profile picture",
-        },
+          id: "2",          name: "Noah Davis",          role: "Marketing Director",          company: "BrightSpark",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",          imageAlt: "Noah Davis profile picture"},
         {
-          id: "3",
-          name: "Isabella Garcia",
-          role: "Founder",
-          company: "InnovateX",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",
-          imageAlt: "Isabella Garcia profile picture",
-        },
+          id: "3",          name: "Isabella Garcia",          role: "Founder",          company: "InnovateX",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",          imageAlt: "Isabella Garcia profile picture"},
         {
-          id: "4",
-          name: "Ethan Brown",
-          role: "Product Lead",
-          company: "VisionLabs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg",
-          imageAlt: "Ethan Brown profile picture",
-        },
+          id: "4",          name: "Ethan Brown",          role: "Product Lead",          company: "VisionLabs",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg",          imageAlt: "Ethan Brown profile picture"},
         {
-          id: "5",
-          name: "Sophia Wilson",
-          role: "Creative Lead",
-          company: "Artistic Ventures",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
-          imageAlt: "Sophia Wilson profile picture",
-        },
+          id: "5",          name: "Sophia Wilson",          role: "Creative Lead",          company: "Artistic Ventures",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",          imageAlt: "Sophia Wilson profile picture"},
       ]}
       title="What Clients Say"
       description="Hear directly from those who have experienced exceptional service and results."
@@ -393,25 +245,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "What services do you offer?",
-          content: "I offer UI/UX design, front-end web development, brand identity design, and SEO optimization. My focus is on creating holistic digital solutions.",
-        },
+          id: "q1",          title: "What services do you offer?",          content: "I offer UI/UX design, front-end web development, brand identity design, and SEO optimization. My focus is on creating holistic digital solutions."},
         {
-          id: "q2",
-          title: "What is your typical project timeline?",
-          content: "Project timelines vary depending on scope and complexity. A typical website design and development project can range from 4 to 12 weeks. We'll discuss a detailed timeline during our initial consultation.",
-        },
+          id: "q2",          title: "What is your typical project timeline?",          content: "Project timelines vary depending on scope and complexity. A typical website design and development project can range from 4 to 12 weeks. We'll discuss a detailed timeline during our initial consultation."},
         {
-          id: "q3",
-          title: "How do you handle client communication?",
-          content: "I prioritize clear and consistent communication. We'll use a combination of email, video calls, and a dedicated project management tool to ensure you're always updated on progress and can provide feedback effectively.",
-        },
+          id: "q3",          title: "How do you handle client communication?",          content: "I prioritize clear and consistent communication. We'll use a combination of email, video calls, and a dedicated project management tool to ensure you're always updated on progress and can provide feedback effectively."},
         {
-          id: "q4",
-          title: "What technologies do you specialize in?",
-          content: "My expertise primarily lies in modern web technologies including React, Next.js, TypeScript, Tailwind CSS, and various headless CMS platforms. I stay updated with the latest industry trends.",
-        },
+          id: "q4",          title: "What technologies do you specialize in?",          content: "My expertise primarily lies in modern web technologies including React, Next.js, TypeScript, Tailwind CSS, and various headless CMS platforms. I stay updated with the latest industry trends."},
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Find quick answers to common inquiries about my services, process, and more."
@@ -426,18 +266,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Let's Create Something Amazing Together"
       buttons={[
         {
-          text: "Send an Email",
-          href: "mailto:diezjessy@example.com",
-        },
+          text: "Send an Email",          href: "mailto:diezjessy@example.com"},
         {
-          text: "Schedule a Call",
-          href: "#",
-        },
+          text: "Schedule a Call",          href: "#"},
       ]}
     />
   </div>
@@ -448,45 +283,29 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "#hero",
-            },
+              label: "Home",              href: "#hero"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Skills",
-              href: "#features",
-            },
+              label: "Skills",              href: "#features"},
           ],
         },
         {
           items: [
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1