Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -31,40 +31,33 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "About", id: "about"},
-          name: "About",          id: "about"},
+        { name: "Work", id: "work"},
-        {
+        { name: "Contact", id: "contact"},
-          name: "Work",          id: "work"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
-      brandName="Alvin K."
+      brandName="Rick & Morty Style"
-      button={{ text: "Contact Me", href: "#contact" }}
+      button={{ text: "Wubba Lubba!", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+      title="Rick & Morty Aesthetic"
-      title="Alvin Kipchirchir"
+      description="Scientific breakthroughs and interdimensional adventures wrapped in a signature cartoon style."
-      description="Crafting digital experiences with precision and intensity. Software engineer & creative developer inspired by the spirit of excellence."
+      buttons={[{ text: "Explore", href: "#work" }]}
-      buttons={[
+      imageSrc="https://img.b2bpic.net/free-photo/rick-morty-portal-vibe-high-quality-cartoon-style_12345.jpg"
-        {
+      imageAlt="Rick and Morty portal aesthetic"
-          text: "View Projects",          href: "#work"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/mythical-video-game-inspired-landscape-with-human_23-2150974365.jpg"
-      imageAlt="anime aesthetic dark warrior"
     />
   </div>
 
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={true}
-      title="Unleashing Potential"
+      title="Interdimensional Coding"
-      description="I blend technical rigor with artistic passion, building applications that don't just function—they captivate. My process is like a shinigami's blade: sharp, focused, and purposeful."
+      description="Just like Rick, I don't follow the rules—I break them to build better systems. Wubba Lubba Dub Dub!"
-      imageSrc="http://img.b2bpic.net/free-photo/man-preparing-studio-shooting-looking-away_23-2148424443.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/science-lab-cartoon-vibe_67890.jpg"
-      imageAlt="developer portrait modern aesthetic"
+      imageAlt="Rick and Morty cartoon style lab"
     />
   </div>
 
@@ -75,15 +68,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Science Stuff", description: "Advanced algorithms for everything.", imageSrc: "https://img.b2bpic.net/free-photo/portal-gun-icon_111.jpg", imageAlt: "Portal Gun" },
-          title: "Full Stack Mastery",          description: "Seamless integration from database to UI.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pz3k5k",          imageAlt: "red sword icon vector"},
+        { title: "Dimension Hopping", description: "Fast deployment across all environments.", imageSrc: "https://img.b2bpic.net/free-photo/spaceship-icon_222.jpg", imageAlt: "Spaceship" },
-        {
+        { title: "Rick's Logic", description: "High-performance code that simply works.", imageSrc: "https://img.b2bpic.net/free-photo/science-flask_333.jpg", imageAlt: "Science Flask" },
-          title: "Performance Tuning",          description: "Optimizing execution speed and efficiency.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-adding-removing-rating-star_107791-16382.jpg",          imageAlt: "red lightning icon"},
-        {
-          title: "Intelligent Systems",          description: "Implementing smart algorithms for better user impact.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-view-sun-space_23-2150953763.jpg",          imageAlt: "energy orb icon red"},
       ]}
-      title="My Zen Techniques"
+      title="Signature Methods"
-      description="Tools and paradigms I master to build scalable high-performance systems."
+      description="Paradigms that would make the Council of Ricks jealous."
     />
   </div>
 
@@ -94,15 +84,12 @@ export default function LandingPage() {
       useInvertedBackground={true}
       animationType="slide-up"
       products={[
-        {
+        { id: "p1", name: "Portal App", price: "Infinite", variant: "SaaS", imageSrc: "https://img.b2bpic.net/free-photo/cartoon-planet_1.jpg", imageAlt: "Portal App" },
-          id: "p1",          name: "Soul Engine",          price: "Live",          variant: "SaaS",          imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349247.jpg",          imageAlt: "dark theme portfolio card"},
+        { id: "p2", name: "Meeseeks Tasks", price: "Fast", variant: "Library", imageSrc: "https://img.b2bpic.net/free-photo/cartoon-meeseeks_2.jpg", imageAlt: "Meeseeks" },
-        {
+        { id: "p3", name: "Plumbus UI", price: "OS", variant: "Design", imageSrc: "https://img.b2bpic.net/free-photo/cartoon-plumbus_3.jpg", imageAlt: "Plumbus" }
-          id: "p2",          name: "Spirit Stats",          price: "OS",          variant: "Library",          imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736730.jpg",          imageAlt: "dark theme portfolio card"},
-        {
-          id: "p3",          name: "Blade UI",          price: "OS",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104476.jpg",          imageAlt: "dark theme portfolio card"}
       ]}
-      title="My Bankai Projects"
+      title="My Greatest Inventions"
-      description="A collection of my most powerful digital works."
+      description="Projects that are definitely worth the multiverse."
     />
   </div>
 
@@ -113,18 +100,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "999", title: "Dimensions Visited", description: "Vast experience.", icon: Zap },
-          id: "m1",          value: "100+",          title: "Commits Weekly",          description: "Maintaining high velocity code flow.",          icon: Zap,
+        { id: "m2", value: "100%", title: "Success Rate", description: "Science rules.", icon: Award },
-        },
+        { id: "m3", value: "∞", title: "Uptime", description: "Never going down.", icon: Shield },
-        {
-          id: "m2",          value: "50+",          title: "Projects Shipped",          description: "From concept to deployment.",          icon: Award,
-        },
-        {
-          id: "m3",          value: "99.9%",          title: "Uptime Rate",          description: "Ensuring reliability for all users.",          icon: Shield,
-        },
       ]}
-      title="Battle Records"
+      title="Galactic Records"
-      description="Professional growth metrics and project milestones."
+      description="Professional stats measured in parsecs."
     />
   </div>
 
@@ -135,59 +116,38 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", name: "Morty S.", role: "Sidekick", company: "Rick & Morty", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/morty-avatar.jpg" },
-          id: "t1",          name: "Alex Riv",          role: "Tech Lead",          company: "Innovate",          rating: 5,
+        { id: "t2", name: "Rick S.", role: "Genius", company: "Rick & Morty", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/rick-avatar.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg"},
+        { id: "t3", name: "Summer S.", role: "Sister", company: "Smith Family", rating: 4, imageSrc: "https://img.b2bpic.net/free-photo/summer-avatar.jpg" },
-        {
-          id: "t2",          name: "Sam Chen",          role: "Designer",          company: "Creative",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg"},
-        {
-          id: "t3",          name: "Jamie Low",          role: "Founder",          company: "StartUp",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-glass-wall-write-some-information_329181-15291.jpg"},
       ]}
-      title="Allies & Peers"
+      title="Family Feedback"
-      description="Feedback from those I've collaborated with."
+      description="Reviews from the most important people."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       tag="Contact"
-      title="Join My Legion"
+      title="Need a Science Partner?"
-      description="Let's collaborate on the next big digital project. Reach out anytime."
+      description="Let's team up for some interstellar adventures and code."
-      imageSrc="http://img.b2bpic.net/free-photo/cup-tea-lamp-laptop-desktop-night_169016-17447.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/spaceship-cockpit-cartoon.jpg"
       mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/black-abstract-background-wallpaper-image_53876-110775.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/footer-space-cartoon.jpg"
-      logoText="Alvin Kipchirchir"
+      logoText="Rick & Morty Portfolio"
       columns={[
-        {
+        { title: "Links", items: [{ label: "GitHub", href: "#" }, { label: "Portal", href: "#" }] },
-          title: "Socials",          items: [
+        { title: "Support", items: [{ label: "Help", href: "#" }, { label: "Meeseeks", href: "#" }] },
-            {
-              label: "GitHub",              href: "#"},
-            {
-              label: "Twitter",              href: "#"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}