From 5f96583ce5c1bfb25d72a723e62bdb89466990a6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 18:44:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 383 ++++++++++++++++-------------------------------
 1 file changed, 129 insertions(+), 254 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 549987d..9072f76 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,268 +17,143 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="background-highlight"
         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">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Pal Plumbing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Pal Plumbing"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Master Plumbing, One Flashcard at a Time"
-      description="Elevate your plumbing expertise with Pal Plumbing's interactive educational platform. Learn terminology, service standards, and troubleshooting techniques used by top industry professionals."
-      kpis={[
-        {
-          value: "245+",
-          label: "Customer Reviews",
-        },
-        {
-          value: "4.8/5",
-          label: "Service Rating",
-        },
-        {
-          value: "24/7",
-          label: "Professional Support",
-        },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-male-builder-wearing-uniform-isolated-purple-wall_141793-122523.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30642.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Join over 5,000 plumbing professionals"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Master Terminology",
-        },
-        {
-          type: "text-icon",
-          text: "Troubleshoot Fast",
-          icon: Wrench,
-        },
-        {
-          type: "text",
-          text: "Industry Standards",
-        },
-        {
-          type: "text-icon",
-          text: "Expert Guidance",
-          icon: BookOpen,
-        },
-        {
-          type: "text",
-          text: "24/7 Access",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="Master Plumbing, One Flashcard at a Time"
+            description="Elevate your plumbing expertise with Pal Plumbing's interactive educational platform. Learn terminology, service standards, and troubleshooting techniques used by top industry professionals."
+            kpis={[
+              { value: "245+", label: "Customer Reviews" },
+              { value: "4.8/5", label: "Service Rating" },
+              { value: "24/7", label: "Professional Support" }
+            ]}
+            enableKpiAnimation={true}
+            imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/young-male-builder-wearing-uniform-isolated-purple-wall_141793-122523.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30642.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg", alt: "User 5" }
+            ]}
+            avatarText="Join over 5,000 plumbing professionals"
+            marqueeItems={[
+              { type: "text", text: "Master Terminology" },
+              { type: "text-icon", text: "Troubleshoot Fast", icon: Wrench },
+              { type: "text", text: "Industry Standards" },
+              { type: "text-icon", text: "Expert Guidance", icon: BookOpen },
+              { type: "text", text: "24/7 Access" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Terminology Library",
-          description: "Master essential plumbing vocabulary and industry-standard terminology used in everyday operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131721.jpg",
-          imageAlt: "Terminology Library",
-        },
-        {
-          title: "Interactive Flashcards",
-          description: "Practice service scenarios and troubleshooting steps with our dynamic, interactive flashcard engine.",
-          imageSrc: "http://img.b2bpic.net/free-photo/builder-uniform-digital-tablet-wooden-background-flat-lay_169016-24014.jpg",
-          imageAlt: "Interactive Flashcards",
-        },
-        {
-          title: "Expert Service Guides",
-          description: "Access step-by-step guides developed by industry veterans to handle complex plumbing repairs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg?_wi=1",
-          imageAlt: "Expert Service Guides",
-        },
-      ]}
-      title="Learning Features"
-      description="Powerful tools to help you master your craft and provide professional service."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Terminology Library", description: "Master essential plumbing vocabulary and industry-standard terminology used in everyday operations.", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131721.jpg", imageAlt: "Terminology Library" },
+              { title: "Interactive Flashcards", description: "Practice service scenarios and troubleshooting steps with our dynamic, interactive flashcard engine.", imageSrc: "http://img.b2bpic.net/free-photo/builder-uniform-digital-tablet-wooden-background-flat-lay_169016-24014.jpg", imageAlt: "Interactive Flashcards" },
+              { title: "Expert Service Guides", description: "Access step-by-step guides developed by industry veterans to handle complex plumbing repairs.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg", imageAlt: "Expert Service Guides" }
+            ]}
+            title="Learning Features"
+            description="Powerful tools to help you master your craft and provide professional service."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Rishabh Sharda",
-          handle: "@rishabh",
-          testimonial: "Fast and very professional work. Handled my washing machine inlet pipe with care and perfection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg",
-        },
-        {
-          id: "2",
-          name: "Anita M.",
-          handle: "@anita",
-          testimonial: "Excellent service and committed to the timing. Really appreciate the transparency in pricing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg",
-        },
-        {
-          id: "3",
-          name: "Vikram K.",
-          handle: "@vikram",
-          testimonial: "The knowledge these guys have is incredible. Their flashcards simplified complex piping issues for me.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-builder-wearing-uniform-isolated-purple-wall_141793-122523.jpg",
-        },
-        {
-          id: "4",
-          name: "Sunita P.",
-          handle: "@sunita",
-          testimonial: "I love how they provide options to save money without compromising on the service quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30642.jpg",
-        },
-        {
-          id: "5",
-          name: "Rahul B.",
-          handle: "@rahul",
-          testimonial: "Committed professionals. Their service standard is exactly what I aim to reach in my plumbing career.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",
-        },
-      ]}
-      title="Voices of Success"
-      description="See how professional plumbers are learning and growing with Pal Plumbing's guidance."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Rishabh Sharda", handle: "@rishabh", testimonial: "Fast and very professional work. Handled my washing machine inlet pipe with care and perfection.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg" },
+              { id: "2", name: "Anita M.", handle: "@anita", testimonial: "Excellent service and committed to the timing. Really appreciate the transparency in pricing.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg" },
+              { id: "3", name: "Vikram K.", handle: "@vikram", testimonial: "The knowledge these guys have is incredible. Their flashcards simplified complex piping issues for me.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-builder-wearing-uniform-isolated-purple-wall_141793-122523.jpg" },
+              { id: "4", name: "Sunita P.", handle: "@sunita", testimonial: "I love how they provide options to save money without compromising on the service quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30642.jpg" },
+              { id: "5", name: "Rahul B.", handle: "@rahul", testimonial: "Committed professionals. Their service standard is exactly what I aim to reach in my plumbing career.", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg" }
+            ]}
+            title="Voices of Success"
+            description="See how professional plumbers are learning and growing with Pal Plumbing's guidance."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about Pal Plumbing's training platform."
-      imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "1",
-          title: "What is the flashcard app?",
-          content: "It is an interactive platform designed to help plumbers learn technical terminology and troubleshooting methods.",
-        },
-        {
-          id: "2",
-          title: "Who is this for?",
-          content: "For apprentices, certified technicians, and anyone looking to hone their plumbing skills.",
-        },
-        {
-          id: "3",
-          title: "Is it free to start?",
-          content: "We offer a trial version with limited flashcards to get you started.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Frequently Asked Questions"
+            description="Everything you need to know about Pal Plumbing's training platform."
+            imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg"
+            mediaAnimation="slide-up"
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "1", title: "What is the flashcard app?", content: "It is an interactive platform designed to help plumbers learn technical terminology and troubleshooting methods." },
+              { id: "2", title: "Who is this for?", content: "For apprentices, certified technicians, and anyone looking to hone their plumbing skills." },
+              { id: "3", title: "Is it free to start?", content: "We offer a trial version with limited flashcards to get you started." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Join Us"
-      title="Get Started with Pal Plumbing"
-      description="Join our network of professional plumbers and learners today. Sign up for access to our exclusive learning materials."
-      imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg?_wi=2"
-      mediaPosition="left"
-      inputPlaceholder="Enter your professional email"
-      buttonText="Join Now"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Join Us"
+            title="Get Started with Pal Plumbing"
+            description="Join our network of professional plumbers and learners today. Sign up for access to our exclusive learning materials."
+            imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg"
+            mediaPosition="left"
+            inputPlaceholder="Enter your professional email"
+            buttonText="Join Now"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#",
-            },
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Pal Plumbing Services"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "About Us", href: "#" },
+                  { label: "Services", href: "#" },
+                  { label: "Pricing", href: "#" }
+                ]
+              },
+              {
+                items: [
+                  { label: "Contact", href: "#" },
+                  { label: "Help Center", href: "#" },
+                  { label: "Terms of Use", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Pal Plumbing Services"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1