From 2dd650bc4b4f722d53bc9dcd1764c93002cfc414 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 06:23:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 536 +++++++++++++----------------------------------
 1 file changed, 143 insertions(+), 393 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ef18a49..4f815aa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,408 +29,158 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Skills",
-          id: "skills",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Raval Kinjal"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Skills", id: "skills" },
+              { name: "Projects", id: "projects" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Raval Kinjal"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Shopify & WordPress Developer"
-      description="Crafting high-converting, responsive eCommerce experiences and custom web layouts for over 2.6 years."
-      testimonials={[
-        {
-          name: "Sarah J.",
-          handle: "@sarah-tech",
-          testimonial: "Raval delivered a pixel-perfect store that boosted our conversion rates immediately.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg",
-        },
-        {
-          name: "Michael K.",
-          handle: "@micheal-lab",
-          testimonial: "Exceptional communication and deep knowledge of Shopify Liquid.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-brunette-dark-skinned-fashion-designer-poses-office-leans-table_197531-24106.jpg",
-        },
-        {
-          name: "Emily R.",
-          handle: "@growth-co",
-          testimonial: "Transformed our WordPress site into a high-performance machine.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg",
-        },
-        {
-          name: "David C.",
-          handle: "@startup-xyz",
-          testimonial: "Highly recommended for any custom Shopify development needs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
-        },
-        {
-          name: "Jessica L.",
-          handle: "@kitsch-brand",
-          testimonial: "Attention to detail is unmatched in the industry.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "View Projects",
-          href: "#projects",
-        },
-        {
-          text: "Contact Me",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",
-          alt: "client portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg",
-          alt: "startup founder portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
-          alt: "project manager portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/laptop-smartphones-arrangement_23-2149554987.jpg",
-          alt: "ecommerce manager portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-young-female-working-laptop_23-2148415760.jpg",
-          alt: "marketing director portrait",
-        },
-      ]}
-      avatarText="Trusted by industry professionals"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Shopify Liquid",
-        },
-        {
-          type: "text",
-          text: "WordPress Elementor",
-        },
-        {
-          type: "text",
-          text: "UI/UX Design",
-        },
-        {
-          type: "text",
-          text: "Performance SEO",
-        },
-        {
-          type: "text",
-          text: "Custom Integration",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            title="Shopify & WordPress Developer"
+            description="Crafting high-converting, responsive eCommerce experiences and custom web layouts for over 2.6 years."
+            testimonials={[
+              { name: "Sarah J.", handle: "@sarah-tech", testimonial: "Raval delivered a pixel-perfect store that boosted our conversion rates immediately.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg" },
+              { name: "Michael K.", handle: "@micheal-lab", testimonial: "Exceptional communication and deep knowledge of Shopify Liquid.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-brunette-dark-skinned-fashion-designer-poses-office-leans-table_197531-24106.jpg" },
+              { name: "Emily R.", handle: "@growth-co", testimonial: "Transformed our WordPress site into a high-performance machine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg" },
+              { name: "David C.", handle: "@startup-xyz", testimonial: "Highly recommended for any custom Shopify development needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg" },
+              { name: "Jessica L.", handle: "@kitsch-brand", testimonial: "Attention to detail is unmatched in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
+            ]}
+            buttons={[{ text: "View Projects", href: "#projects" }, { text: "Contact Me", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg", alt: "client portrait" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg", alt: "startup founder portrait" },
+              { src: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg", alt: "project manager portrait" },
+              { src: "http://img.b2bpic.net/free-photo/laptop-smartphones-arrangement_23-2149554987.jpg", alt: "ecommerce manager portrait" },
+              { src: "http://img.b2bpic.net/free-photo/high-angle-young-female-working-laptop_23-2148415760.jpg", alt: "marketing director portrait" },
+            ]}
+            avatarText="Trusted by industry professionals"
+            marqueeItems={[{ type: "text", text: "Shopify Liquid" }, { type: "text", text: "WordPress Elementor" }, { type: "text", text: "UI/UX Design" }, { type: "text", text: "Performance SEO" }, { type: "text", text: "Custom Integration" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Me"
-      title="Raval Kinjal"
-      description="2.6 years of hands-on experience specializing in Shopify and WordPress. I bridge the gap between creative design and functional code."
-      subdescription="I focus on performance, UX, and seamless integrations. My goal is to build digital solutions that drive business success."
-      icon={User}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="About Me"
+            title="Raval Kinjal"
+            description="2.6 years of hands-on experience specializing in Shopify and WordPress. I bridge the gap between creative design and functional code."
+            subdescription="I focus on performance, UX, and seamless integrations. My goal is to build digital solutions that drive business success."
+            icon={User}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="skills" data-section="skills">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          label: "Shopify",
-          title: "Development",
-          items: [
-            "Liquid Templating",
-            "Online Store 2.0",
-            "Theme Customization",
-            "Metafields & APIs",
-          ],
-        },
-        {
-          id: "s2",
-          label: "WordPress",
-          title: "WordPress & Elementor",
-          items: [
-            "Elementor Pro",
-            "Custom Themes",
-            "Plugin Integration",
-            "SEO Optimization",
-          ],
-        },
-        {
-          id: "s3",
-          label: "UI/UX",
-          title: "Design & Logic",
-          items: [
-            "Responsive Design",
-            "Framer Prototyping",
-            "Animation (Lottie)",
-            "Pixel-Perfect Layouts",
-          ],
-        },
-      ]}
-      title="Technical Expertise"
-    />
-  </div>
+        <div id="skills" data-section="skills">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Technical Expertise"
+            description="My core technical skills in eCommerce and web development."
+            features={[
+              { id: "s1", label: "Shopify", title: "Development", items: ["Liquid Templating", "Online Store 2.0", "Theme Customization", "Metafields & APIs"] },
+              { id: "s2", label: "WordPress", title: "WordPress & Elementor", items: ["Elementor Pro", "Custom Themes", "Plugin Integration", "SEO Optimization"] },
+              { id: "s3", label: "UI/UX", title: "Design & Logic", items: ["Responsive Design", "Framer Prototyping", "Animation (Lottie)", "Pixel-Perfect Layouts"] },
+            ]}
+          />
+        </div>
 
-  <div id="projects" data-section="projects">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "DoseDaily Store",
-          price: "Shopify Build",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
-        },
-        {
-          id: "p2",
-          name: "Bhanzu Demo Platform",
-          price: "Shopify Integration",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-smartphones-arrangement_23-2149554987.jpg",
-        },
-        {
-          id: "p3",
-          name: "Kitsch Brand Site",
-          price: "WordPress Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-female-working-laptop_23-2148415760.jpg",
-        },
-        {
-          id: "p4",
-          name: "Boka Wellness",
-          price: "Shopify Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg",
-        },
-        {
-          id: "p5",
-          name: "Puracy eCommerce",
-          price: "Shopify Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-mobile-phone_23-2148166773.jpg",
-        },
-        {
-          id: "p6",
-          name: "FreshCap Site",
-          price: "Shopify Performance",
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-drinking-coffee-cafe-while-working-her-laptop-writing-her-notebook_23-2149230375.jpg",
-        },
-      ]}
-      title="Project Showcase"
-      description="Selected Shopify and WordPress builds reflecting my dedication to clean code and high performance."
-    />
-  </div>
+        <div id="projects" data-section="projects">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "DoseDaily Store", price: "Shopify Build", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg" },
+              { id: "p2", name: "Bhanzu Demo Platform", price: "Shopify Integration", imageSrc: "http://img.b2bpic.net/free-photo/laptop-smartphones-arrangement_23-2149554987.jpg" },
+              { id: "p3", name: "Kitsch Brand Site", price: "WordPress Design", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-female-working-laptop_23-2148415760.jpg" },
+              { id: "p4", name: "Boka Wellness", price: "Shopify Custom", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg" },
+              { id: "p5", name: "Puracy eCommerce", price: "Shopify Expert", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-mobile-phone_23-2148166773.jpg" },
+              { id: "p6", name: "FreshCap Site", price: "Shopify Performance", imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-drinking-coffee-cafe-while-working-her-laptop-writing-her-notebook_23-2149230375.jpg" },
+            ]}
+            title="Project Showcase"
+            description="Selected Shopify and WordPress builds reflecting my dedication to clean code and high performance."
+          />
+        </div>
 
-  <div id="experience" data-section="experience">
-      <TeamCardTen
-      useInvertedBackground={false}
-      title="Professional Experience"
-      tag="My Career"
-      membersAnimation="slide-up"
-      members={[
-        {
-          id: "exp1",
-          name: "Nexaplay Studios - Shopify Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-executive-professional-success-concept_53876-137644.jpg",
-        },
-        {
-          id: "exp2",
-          name: "Skill-align - Mid-Level Sr. Shopify Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
-        },
-      ]}
-      memberVariant="card"
-    />
-  </div>
+        <div id="experience" data-section="experience">
+          <TeamCardTen
+            useInvertedBackground={false}
+            title="Professional Experience"
+            tag="My Career"
+            membersAnimation="slide-up"
+            memberVariant="card"
+            members={[
+              { id: "exp1", name: "Nexaplay Studios - Shopify Developer", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-executive-professional-success-concept_53876-137644.jpg" },
+              { id: "exp2", name: "Skill-align - Mid-Level Sr. Shopify Developer", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Kinjal Raval",
-          role: "Developer",
-          company: "Nexaplay",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
-        },
-        {
-          id: "t2",
-          name: "Client A",
-          role: "Owner",
-          company: "DoseDaily",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-office-table-looking-thoughtfully-window_1098-19179.jpg",
-        },
-        {
-          id: "t3",
-          name: "Client B",
-          role: "Lead",
-          company: "Skill-align",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg",
-        },
-        {
-          id: "t4",
-          name: "Client C",
-          role: "Manager",
-          company: "Bhanzu",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/teamwork-representation-business-project_23-2148778029.jpg",
-        },
-        {
-          id: "t5",
-          name: "Client D",
-          role: "CEO",
-          company: "Startup XYZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "2.6+",
-          label: "Years Experience",
-        },
-        {
-          value: "30+",
-          label: "Themes Built",
-        },
-        {
-          value: "100%",
-          label: "Client Focus",
-        },
-      ]}
-      title="Client Feedback"
-      description="What our partners say about the digital experiences I build."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Client Feedback"
+            description="What our partners say about the digital experiences I build."
+            testimonials={[
+              { id: "t1", name: "Kinjal Raval", role: "Developer", company: "Nexaplay", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg" },
+              { id: "t2", name: "Client A", role: "Owner", company: "DoseDaily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-office-table-looking-thoughtfully-window_1098-19179.jpg" },
+              { id: "t3", name: "Client B", role: "Lead", company: "Skill-align", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg" },
+              { id: "t4", name: "Client C", role: "Manager", company: "Bhanzu", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teamwork-representation-business-project_23-2148778029.jpg" },
+              { id: "t5", name: "Client D", role: "CEO", company: "Startup XYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg" },
+            ]}
+            kpiItems={[{ value: "2.6+", label: "Years Experience" }, { value: "30+", label: "Themes Built" }, { value: "100%", label: "Client Focus" }]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "What platforms do you work with?",
-          content: "I specialize in Shopify (Liquid/OS 2.0) and WordPress (Elementor).",
-        },
-        {
-          id: "q2",
-          title: "Do you offer maintenance?",
-          content: "Yes, I offer ongoing site optimization, debugging, and performance management.",
-        },
-        {
-          id: "q3",
-          title: "Can you convert Figma to Shopify?",
-          content: "Absolutely. I provide pixel-perfect conversion of design files into functional Shopify pages.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      sideDescription="Everything you need to know about working with me on your next project."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "What platforms do you work with?", content: "I specialize in Shopify (Liquid/OS 2.0) and WordPress (Elementor)." },
+              { id: "q2", title: "Do you offer maintenance?", content: "Yes, I offer ongoing site optimization, debugging, and performance management." },
+              { id: "q3", title: "Can you convert Figma to Shopify?", content: "Absolutely. I provide pixel-perfect conversion of design files into functional Shopify pages." },
+            ]}
+            sideTitle="Common Questions"
+            sideDescription="Everything you need to know about working with me on your next project."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      text="Let’s connect and discuss your vision. Contact me at rawalkinjal65@gmail.com or +916355450624."
-      buttons={[
-        {
-          text: "Send Email",
-          href: "mailto:rawalkinjal65@gmail.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "rotated-rays-static" }}
+            text="Let’s connect and discuss your vision. Contact me at rawalkinjal65@gmail.com or +916355450624."
+            buttons={[{ text: "Send Email", href: "mailto:rawalkinjal65@gmail.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-            {
-              label: "Skills",
-              href: "#skills",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Email",
-              href: "mailto:rawalkinjal65@gmail.com",
-            },
-            {
-              label: "LinkedIn",
-              href: "https://linkedin.com",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Raval Kinjal. All rights reserved."
-      bottomRightText="Shopify & WordPress Expert"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Navigation", items: [{ label: "Projects", href: "#projects" }, { label: "Skills", href: "#skills" }] },
+              { title: "Contact", items: [{ label: "Email", href: "mailto:rawalkinjal65@gmail.com" }, { label: "LinkedIn", href: "https://linkedin.com" }] },
+            ]}
+            bottomLeftText="© 2024 Raval Kinjal. All rights reserved."
+            bottomRightText="Shopify & WordPress Expert"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1