From b2a2859380fc5f4e1d10404c809a3e6faa92397c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 23:07:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 165 ++++++++++-------------------------------------
 1 file changed, 34 insertions(+), 131 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4384a6a..f1e05ae 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,31 +16,23 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Summary",
-          id: "summary",
-        },
-        {
-          name: "Skills",
-          id: "skills",
-        },
-        {
-          name: "Experience",
-          id: "experience",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Summary", id: "summary" },
+        { name: "Skills", id: "skills" },
+        { name: "Experience", id: "experience" },
+        { name: "Projects", id: "projects" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Design Portfolio"
     />
@@ -48,9 +40,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Alex Rivers"
       description="Web Designer & UI/UX Specialist focused on building high-conversion, responsive digital experiences."
       imageSrc="http://img.b2bpic.net/free-photo/desk-concept-with-art-supplies_23-2148577693.jpg"
@@ -76,29 +66,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Design & Prototyping",
-          description: "Figma, Adobe XD, Wireframing, UX Research",
-          imageSrc: "http://img.b2bpic.net/free-photo/discount-voucher-coupon-gift-certificate-concept_53876-121072.jpg",
-          imageAlt: "Design Tools",
-        },
+          title: "Design & Prototyping",          description: "Figma, Adobe XD, Wireframing, UX Research",          imageSrc: "http://img.b2bpic.net/free-photo/discount-voucher-coupon-gift-certificate-concept_53876-121072.jpg",          imageAlt: "Design Tools"},
         {
-          title: "Front-End Development",
-          description: "HTML5, CSS3, JavaScript (ES6+), Responsive Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg",
-          imageAlt: "Code Icon",
-        },
+          title: "Front-End Development",          description: "HTML5, CSS3, JavaScript (ES6+), Responsive Design",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg",          imageAlt: "Code Icon"},
         {
-          title: "SEO & Performance",
-          description: "SEO Best Practices, Web Accessibility (WCAG), Site Auditing",
-          imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-landing-page-template_23-2150837574.jpg",
-          imageAlt: "SEO Icon",
-        },
+          title: "SEO & Performance",          description: "SEO Best Practices, Web Accessibility (WCAG), Site Auditing",          imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-landing-page-template_23-2150837574.jpg",          imageAlt: "SEO Icon"},
         {
-          title: "Collaboration",
-          description: "Git, Agile methodologies, Team Communication",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg",
-          imageAlt: "Collaboration Icon",
-        },
+          title: "Collaboration",          description: "Git, Agile methodologies, Team Communication",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg",          imageAlt: "Collaboration Icon"},
       ]}
       title="Skills & Expertise"
       description="Comprehensive toolkit for modern web development and design."
@@ -113,17 +87,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Web Designer @ TechStudio",
-          description: "Led the redesign of client landing pages, resulting in a 25% increase in user session time and improved lead conversion by 15%.",
-          imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",
-          imageAlt: "Experience 1",
-        },
+          title: "Web Designer @ TechStudio",          description: "Led the redesign of client landing pages, resulting in a 25% increase in user session time and improved lead conversion by 15%.",          imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",          imageAlt: "Experience 1"},
         {
-          title: "UI/UX Intern @ DesignSolutions",
-          description: "Collaborated on design system creation for enterprise clients, streamlining developer workflows and reducing design implementation time by 20%.",
-          imageSrc: "http://img.b2bpic.net/free-vector/creative-process-landing-page_23-2148156387.jpg",
-          imageAlt: "Experience 2",
-        },
+          title: "UI/UX Intern @ DesignSolutions",          description: "Collaborated on design system creation for enterprise clients, streamlining developer workflows and reducing design implementation time by 20%.",          imageSrc: "http://img.b2bpic.net/free-vector/creative-process-landing-page_23-2148156387.jpg",          imageAlt: "Experience 2"},
       ]}
       title="Work Experience"
       description="Proven experience delivering high-impact web design solutions."
@@ -132,64 +98,20 @@ export default function LandingPage() {
 
   <div id="projects" data-section="projects">
       <ProductCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          brand: "E-Commerce",
-          name: "Fashion Store Redesign",
-          price: "UX/UI Design",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-167110.jpg",
-        },
+          id: "p1",          brand: "E-Commerce",          name: "Fashion Store Redesign",          price: "UX/UI Design",          rating: 5,
+          reviewCount: "2024",          imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-167110.jpg"},
         {
-          id: "p2",
-          brand: "SaaS",
-          name: "Analytics Platform UI",
-          price: "Frontend Dev",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg",
-        },
+          id: "p2",          brand: "SaaS",          name: "Analytics Platform UI",          price: "Frontend Dev",          rating: 5,
+          reviewCount: "2023",          imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg"},
         {
-          id: "p3",
-          brand: "Agency",
-          name: "Digital Hub Landing",
-          price: "Full Project",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-template_23-2148587406.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Portfolio",
-          name: "Creative Studio Site",
-          price: "Design/Code",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Non-Profit",
-          name: "Community App Interface",
-          price: "UI Design",
-          rating: 5,
-          reviewCount: "2022",
-          imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Education",
-          name: "Learning Platform Portal",
-          price: "UX Strategy",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
-        },
+          id: "p3",          brand: "Agency",          name: "Digital Hub Landing",          price: "Full Project",          rating: 5,
+          reviewCount: "2023",          imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-template_23-2148587406.jpg"}
       ]}
       title="Selected Projects"
       description="Portfolio of design and development projects."
@@ -199,9 +121,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Let's Connect"
       title="Ready to discuss your next project?"
       description="Contact me via email or phone. Portfolio: https://alexrivers-portfolio.web.app"
@@ -215,33 +135,16 @@ export default function LandingPage() {
       logoText="Alex Rivers"
       columns={[
         {
-          title: "Social",
-          items: [
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "GitHub",
-              href: "#",
-            },
-            {
-              label: "Portfolio",
-              href: "#",
-            },
+          title: "Social",          items: [
+            { label: "LinkedIn", href: "#" },
+            { label: "GitHub", href: "#" },
+            { label: "Portfolio", href: "#" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
-- 
2.49.1