From cf8711e0e09b1fb0797455a98c799a095c6eabfc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 02:46:56 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 139 ++++++++++++++++++-----------------------------
 1 file changed, 54 insertions(+), 85 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2fcb85b..b9be745 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TextAbout from '@/components/sections/about/TextAbout';
-import { Award, BookOpen, Briefcase, Compass, GraduationCap, Users } from "lucide-react";
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import { Briefcase, Compass, Award, Users, GraduationCap, BookOpen } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,15 +19,15 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="medium"
         sizing="medium"
-        background="circleGradient"
+        background="fluid"
         cardStyle="glass-elevated"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+          <NavbarStyleApple
             navItems={[
               { name: "About", id: "#about" },
               { name: "Education", id: "#education" },
@@ -40,116 +40,85 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroSplit
-            background={{ variant: "plain" }}
-            title="Aspiring Football and Sports Operations Professional"
-            description="Sports Management student at William Paterson University. Focused on football and sports industry operations through hands-on experience and professional development."
+          <HeroCarouselLogo
+            logoText="Matthew Alessandra"
+            description="Aspiring Football and Sports Operations Professional. Focused on football and sports industry operations through hands-on experience and professional development."
             buttons={[
               { text: "View Experience", href: "#experience" },
               { text: "Contact Me", href: "#contact" },
             ]}
-            imageSrc="http://img.b2bpic.net/free-photo/black-american-woman-holding-basketball_23-2148773333.jpg"
-            mediaAnimation="slide-up"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/young-female-colorful-sweatshirt-standing-with-crossed-arms-looking-offended-front-view_176474-44691.jpg", alt: "Young female in colorful sweatshirt" },
-              { src: "http://img.b2bpic.net/free-photo/woman-with-arms-crossed-street_23-2147678139.jpg", alt: "Woman with arms crossed" },
-              { src: "http://img.b2bpic.net/free-photo/business-young-woman-with-tablet-background-building_169016-23871.jpg", alt: "Business young woman" },
-              { src: "http://img.b2bpic.net/free-photo/young-volleyball-man-player-court_23-2149492399.jpg", alt: "Young volleyball man" },
-              { src: "http://img.b2bpic.net/free-photo/cute-blonde-secretary-white-blouse-talking-phone-writing-data-notebook-indoor-portrait-long-haired-asian-it-specialist-with-graceful-lady-reception-desk_197531-3801.jpg", alt: "Cute blonde secretary" },
-            ]}
-            avatarText="Join the network"
-            marqueeItems={[
-              { type: "text", text: "Sports Management" },
-              { type: "text", text: "Event Operations" },
-              { type: "text", text: "Team Leadership" },
-              { type: "text", text: "Football Operations" },
-              { type: "text", text: "Professional Development" },
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/stadium-football-field-lit-floodlights_23-2148785764.jpg", imageAlt: "Football stadium at night" }
             ]}
           />
         </div>
 
         <div id="about" data-section="about">
-          <TextAbout
-            useInvertedBackground={false}
-            title="Driven by sports, teamwork, and real-world experience."
-          />
-        </div>
-
-        <div id="education" data-section="education">
-          <FeatureBorderGlow
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            features={[
-              { icon: BookOpen, title: "William Paterson University", description: "B.A. in Sports Management, Expected Graduation 2027" },
-              { icon: GraduationCap, title: "Roxbury High School", description: "High School Diploma, Graduated 2023" },
-              { icon: Award, title: "Academic Achievement", description: "Focused on sports marketing, event operations, and team leadership." },
-            ]}
-            title="Education"
-            description="Academic background in sports management and leadership."
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[{ type: "text", content: "Driven by sports, teamwork, and real-world experience." }]}
           />
         </div>
 
         <div id="experience" data-section="experience">
-          <FeatureBorderGlow
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            features={[
-              { icon: Briefcase, title: "Wawa - Gas Attendant", description: "Customer service, transactions, safety standards. June 2024 – Present." },
-              { icon: Compass, title: "Party On Tent Rental - Installer", description: "Event equipment setup, client interaction, time management. May 2023 – Sept 2023." },
-              { icon: Award, title: "Special Olympics NJ - Volunteer", description: "Event setup, breakdown, athlete support. May 2025." },
-              { icon: Users, title: "Youth Football Camp - Coach", description: "Drill management, team building, player development. July 2024." },
-            ]}
+          <FeatureCardNineteen
             title="Work Experience"
             description="Professional history in customer service and event operations."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { tag: "Present", title: "Wawa", subtitle: "Gas Attendant", description: "Customer service, transactions, and maintaining safety standards." },
+              { tag: "2023", title: "Party On Tent Rental", subtitle: "Installer", description: "Managed event equipment setup, client interaction, and efficient time management." },
+              { tag: "2025", title: "Special Olympics NJ", subtitle: "Volunteer", description: "Supported event setup, breakdown, and provided direct athlete assistance." },
+              { tag: "2024", title: "Youth Football Camp", subtitle: "Coach", description: "Oversaw drill management, promoted team building, and led player development sessions." },
+            ]}
+          />
+        </div>
+
+        <div id="education" data-section="education">
+          <FeatureCardNineteen
+            title="Education"
+            description="Academic background in sports management."
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { tag: "2027 (Exp.)", title: "William Paterson University", subtitle: "B.A. in Sports Management", description: "Focused on sports marketing, event operations, and team leadership." },
+              { tag: "2023", title: "Roxbury High School", subtitle: "Diploma", description: "Core academic and extracurricular development." },
+            ]}
           />
         </div>
 
         <div id="skills" data-section="skills">
           <SocialProofOne
+            title="Skills & Proficiencies"
+            description="Core competencies developed through professional and academic roles."
+            names={["Customer Service", "Time Management", "Problem Solving", "Microsoft Excel", "Teamwork", "Communication", "Multitasking"]}
             textboxLayout="default"
             useInvertedBackground={false}
-            names={[
-              "Customer Service",              "Organization & Time Management",              "Problem Solving",              "Microsoft Excel",              "Teamwork",              "Communication",              "Multitasking"]}
-            title="Skills & Proficiencies"
-            description="Core competencies developed through work and studies."
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplit
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
+          <ContactCenter
             tag="Let's Connect"
             title="Get In Touch"
             description="I am open to new opportunities in sports operations and event management."
-            imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-microphone-studio_1303-26328.jpg"
-            mediaAnimation="slide-up"
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={true}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoEmphasis
-            columns={[
-              {
-                items: [
-                  { label: "About", href: "#about" },
-                  { label: "Education", href: "#education" },
-                  { label: "Experience", href: "#experience" },
-                ],
-              },
-              {
-                items: [
-                  { label: "Skills", href: "#skills" },
-                  { label: "Contact", href: "#contact" },
-                ],
-              },
-            ]}
+          <FooterMedia
             logoText="Matthew Alessandra"
+            imageSrc="http://img.b2bpic.net/free-photo/sports-equipment-concept_23-2148785764.jpg"
+            columns={[
+              { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Experience", href: "#experience" }] },
+              { title: "Contact", items: [{ label: "Contact", href: "#contact" }] }
+            ]}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 6f0e934ada44dbf3a2e10c4c60ec1c35cfc9c07c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 02:46:57 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 997e9fc..e9058b1 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -13,12 +13,12 @@
   --background: #0a0a0a;
   --card: #1a1a1a;
   --foreground: #ffffff;
-  --primary-cta: #e34400;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #010101;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #ff7b05;
-  --background-accent: #106efb;
+  --accent: #106EFB;
+  --background-accent: #010101;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1