From 05692d5149977607178b3af85bfde802a05a811c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 05:42:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 479 +++++++++++++++--------------------------------
 1 file changed, 151 insertions(+), 328 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 12a8fdb..b1e7d0b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,345 +17,168 @@ import { Briefcase, Settings } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      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: "About",
-          id: "about",
-        },
-        {
-          name: "Skills",
-          id: "skills",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Jaimin Prajapati"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Skills", id: "skills" },
+              { name: "Projects", id: "projects" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Jaimin Prajapati"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Jaimin Prajapati"
-      description="Mechanical Design Engineer | Sheet Metal | SolidWorks Expert | FEA, CFD, DFM | HVAC Design & Energy Analysis | Delivering Production-Ready Engineering Solutions"
-      tag="Available for Projects"
-      buttons={[
-        {
-          text: "Contact Me",
-          href: "#contact",
-        },
-        {
-          text: "Download CV",
-          href: "#",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-          imageAlt: "Jaimin Prajapati Professional Photo",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/expert-engineer-develops-industrial-prototypes-using-3d-modeling-software_482257-116562.jpg",
-          imageAlt: "Mechanical Engineering CAD Design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/process-creating-modern-fence-with-orange-sparks_7502-9314.jpg",
-          imageAlt: "Sheet Metal Fabrication",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-working-house-project-light-table_23-2147953426.jpg",
-          imageAlt: "HVAC System Analysis",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-reading-x-ray-imaging-diagnostic-report-consultation_482257-115115.jpg",
-          imageAlt: "FEA Structural Analysis",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_107420-95941.jpg",
-          imageAlt: "Manufacturing Workshop Setting",
-        },
-      ]}
-      tagIcon={Briefcase}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Jaimin Prajapati"
+            description="Mechanical Design Engineer | Sheet Metal | SolidWorks Expert | FEA, CFD, DFM | HVAC Design & Energy Analysis | Delivering Production-Ready Engineering Solutions"
+            tag="Available for Projects"
+            buttons={[{ text: "Contact Me", href: "#contact" }, { text: "Download CV", href: "#" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Jaimin Prajapati Professional Photo" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/expert-engineer-develops-industrial-prototypes-using-3d-modeling-software_482257-116562.jpg", imageAlt: "Mechanical Engineering CAD Design" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/process-creating-modern-fence-with-orange-sparks_7502-9314.jpg", imageAlt: "Sheet Metal Fabrication" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/architect-working-house-project-light-table_23-2147953426.jpg", imageAlt: "HVAC System Analysis" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/doctor-reading-x-ray-imaging-diagnostic-report-consultation_482257-115115.jpg", imageAlt: "FEA Structural Analysis" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_107420-95941.jpg", imageAlt: "Manufacturing Workshop Setting" }
+            ]}
+            tagIcon={Briefcase}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Me"
-      title="Mechanical Design Engineer"
-      description="Mechanical Design Engineer with 3+ years of experience in sheet metal fabrication, CAD drafting, and manufacturing support."
-      subdescription="Specialized in SolidWorks and AutoCAD with a proven track record of delivering production-ready engineering solutions."
-      imageSrc="http://img.b2bpic.net/free-photo/man-posing-black-white-medium-shot_23-2149411414.jpg"
-      mediaAnimation="blur-reveal"
-      imageAlt="Engineer professional portrait"
-      icon={Settings}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="About Me"
+            title="Mechanical Design Engineer"
+            description="Mechanical Design Engineer with 3+ years of experience in sheet metal fabrication, CAD drafting, and manufacturing support."
+            subdescription="Specialized in SolidWorks and AutoCAD with a proven track record of delivering production-ready engineering solutions."
+            imageSrc="http://img.b2bpic.net/free-photo/man-posing-black-white-medium-shot_23-2149411414.jpg"
+            mediaAnimation="blur-reveal"
+            imageAlt="Engineer professional portrait"
+            icon={Settings}
+          />
+        </div>
 
-  <div id="skills" data-section="skills">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "SolidWorks & CAD",
-          author: "Expert Level",
-          description: "3D modeling and complex sheet metal assembly design.",
-          tags: [
-            "CAD",
-            "Design",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/black-engineer-designs-machinery-tools_482257-121402.jpg",
-        },
-        {
-          id: "2",
-          title: "FEA & CFD Analysis",
-          author: "Simulation",
-          description: "Structural analysis and thermal flow optimization using ANSYS.",
-          tags: [
-            "FEA",
-            "CFD",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941524.jpg",
-        },
-        {
-          id: "3",
-          title: "HVAC Systems",
-          author: "Energy",
-          description: "Duct design, airflow distribution, and energy efficiency modeling.",
-          tags: [
-            "HVAC",
-            "MEP",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg",
-        },
-      ]}
-      title="Technical Expertise"
-      description="Advanced proficiency in industry-standard engineering software and manufacturing methodologies."
-    />
-  </div>
+        <div id="skills" data-section="skills">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "SolidWorks & CAD", author: "Expert Level", description: "3D modeling and complex sheet metal assembly design.", tags: ["CAD", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/black-engineer-designs-machinery-tools_482257-121402.jpg" },
+              { id: "2", title: "FEA & CFD Analysis", author: "Simulation", description: "Structural analysis and thermal flow optimization using ANSYS.", tags: ["FEA", "CFD"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941524.jpg" },
+              { id: "3", title: "HVAC Systems", author: "Energy", description: "Duct design, airflow distribution, and energy efficiency modeling.", tags: ["HVAC", "MEP"], imageSrc: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg" }
+            ]}
+            title="Technical Expertise"
+            description="Advanced proficiency in industry-standard engineering software and manufacturing methodologies."
+          />
+        </div>
 
-  <div id="projects" data-section="projects">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "HVAC System Lab Design",
-          price: "1359 m²",
-          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-477.jpg",
-        },
-        {
-          id: "p2",
-          name: "CO₂ Tracer Gas Study",
-          price: "Research",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-it-professional-working-pc-high-tech-data-center-handling-maintenance-tasks_482257-135601.jpg",
-        },
-        {
-          id: "p3",
-          name: "Sheet Metal Products",
-          price: "Production",
-          imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-accessories_23-2149871732.jpg",
-        },
-        {
-          id: "p4",
-          name: "Pressure Sphere",
-          price: "Composite",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-curves-lights-black-background_23-2148055579.jpg",
-        },
-        {
-          id: "p5",
-          name: "Manufacturing Support",
-          price: "Assembly",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-rubber-bicycle-part_23-2147892660.jpg",
-        },
-        {
-          id: "p6",
-          name: "Energy Optimization",
-          price: "HVAC",
-          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-office-visualizing-solar-cells-designs-pc_482257-117958.jpg",
-        },
-      ]}
-      title="Featured Projects"
-      description="Selected engineering solutions demonstrating precision and efficiency."
-    />
-  </div>
+        <div id="projects" data-section="projects">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "HVAC System Lab Design", price: "1359 m²", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-477.jpg" },
+              { id: "p2", name: "CO₂ Tracer Gas Study", price: "Research", imageSrc: "http://img.b2bpic.net/free-photo/african-american-it-professional-working-pc-high-tech-data-center-handling-maintenance-tasks_482257-135601.jpg" },
+              { id: "p3", name: "Sheet Metal Products", price: "Production", imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-accessories_23-2149871732.jpg" },
+              { id: "p4", name: "Pressure Sphere", price: "Composite", imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-curves-lights-black-background_23-2148055579.jpg" },
+              { id: "p5", name: "Manufacturing Support", price: "Assembly", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-rubber-bicycle-part_23-2147892660.jpg" },
+              { id: "p6", name: "Energy Optimization", price: "HVAC", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-office-visualizing-solar-cells-designs-pc_482257-117958.jpg" }
+            ]}
+            title="Featured Projects"
+            description="Selected engineering solutions demonstrating precision and efficiency."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Key Accomplishments"
-      tag="Performance Metrics"
-      metrics={[
-        {
-          id: "m1",
-          value: "95%",
-          description: "Simulation Accuracy",
-        },
-        {
-          id: "m2",
-          value: "8%",
-          description: "HVAC Energy Savings",
-        },
-        {
-          id: "m3",
-          value: "3+",
-          description: "Years Experience",
-        },
-        {
-          id: "m4",
-          value: "Six Sigma",
-          description: "Green Belt Certified",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Key Accomplishments"
+            tag="Performance Metrics"
+            metrics={[
+              { id: "m1", value: "95%", description: "Simulation Accuracy" },
+              { id: "m2", value: "8%", description: "HVAC Energy Savings" },
+              { id: "m3", value: "3+", description: "Years Experience" },
+              { id: "m4", value: "Six Sigma", description: "Green Belt Certified" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Team Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-with-confident-expression-with-crossed-hands-his-chest-standing-blue-background_141793-133851.jpg",
-        },
-        {
-          id: "t2",
-          name: "Engineering Peer",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886869.jpg",
-        },
-        {
-          id: "t3",
-          name: "Workshop Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
-        },
-        {
-          id: "t4",
-          name: "Production Head",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
-        },
-        {
-          id: "t5",
-          name: "Senior Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-formal-suit_23-2148937763.jpg",
-        },
-      ]}
-      cardTitle="Professional Feedback"
-      cardTag="Endorsements"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Team Manager", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-with-confident-expression-with-crossed-hands-his-chest-standing-blue-background_141793-133851.jpg" },
+              { id: "t2", name: "Engineering Peer", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886869.jpg" },
+              { id: "t3", name: "Workshop Lead", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
+              { id: "t4", name: "Production Head", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
+              { id: "t5", name: "Senior Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-formal-suit_23-2148937763.jpg" }
+            ]}
+            cardTitle="Professional Feedback"
+            cardTag="Endorsements"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Core Engineering Tools?",
-          content: "I am proficient in SolidWorks, AutoCAD, and ANSYS, among others.",
-        },
-        {
-          id: "f2",
-          title: "Industry Focus?",
-          content: "Specializing in Sheet Metal fabrication, HVAC design, and Industrial automation.",
-        },
-        {
-          id: "f3",
-          title: "Availability?",
-          content: "Open to new engineering challenges and freelance manufacturing consultancy.",
-        },
-      ]}
-      sideTitle="Questions"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Core Engineering Tools?", content: "I am proficient in SolidWorks, AutoCAD, and ANSYS, among others." },
+              { id: "f2", title: "Industry Focus?", content: "Specializing in Sheet Metal fabrication, HVAC design, and Industrial automation." },
+              { id: "f3", title: "Availability?", content: "Open to new engineering challenges and freelance manufacturing consultancy." }
+            ]}
+            sideTitle="Questions"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get In Touch"
-      description="Discuss your next engineering project with me."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Details about your project...",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/paper-notebook-near-electronic-devices-cup-coffee_23-2148128499.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Get In Touch"
+            description="Discuss your next engineering project with me."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Details about your project...", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/paper-notebook-near-electronic-devices-cup-coffee_23-2148128499.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "GitHub",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Jaimin Prajapati"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Navigation",                items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }]
+              },
+              {
+                title: "Social",                items: [{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }]
+              }
+            ]}
+            logoText="Jaimin Prajapati"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1