Merge version_4_1782056705300 into main

Bob AI: Updated features section with problem solving, comfort, and
2026-06-21 15:46:56 +00:00 · 2026-06-21 15:46:16 +00:00 · 2026-06-21 15:44:51 +00:00 · 2026-06-21 15:44:11 +00:00 · 2026-06-21 15:33:24 +00:00 · 2026-06-21 15:32:45 +00:00
11 changed files with 332 additions and 207 deletions
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -38,7 +38,7 @@ export default function Layout() {
 ];

  return (
-    <StyleProvider buttonVariant="default" siteBackground="gridDots" heroBackground="lightRaysCenter">
+    <StyleProvider buttonVariant="default" siteBackground="noiseGradient" heroBackground="lightRaysCenter">
      <SiteBackgroundSlot />
      <SectionErrorBoundary name="navbar">
        <NavbarInline
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@

 :root {
  /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #000000;
+  --card: #111111;
+  --foreground: #ffffff;
+  --primary-cta: #ffcc00;
+  --primary-cta-text: #000000;
+  --secondary-cta: #222222;
+  --secondary-cta-text: #ffcc00;
+  --accent: #ffcc00;
+  --background-accent: #ffcc00;

  /* @layout/border-radius/rounded */
  --radius: 0.5rem;
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,208 +1,35 @@
-import AboutText from '@/components/sections/about/AboutText';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
-import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
-import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.

-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import SearchSection from './HomePage/sections/Search';
+import AdminInfoSection from './HomePage/sections/AdminInfo';
+import AboutSection from './HomePage/sections/About';
+import RatingSection from './HomePage/sections/Rating';
+import MetricsSection from './HomePage/sections/Metrics';
+import ContactSection from './HomePage/sections/Contact';
+
+
+import VideoTestimonialsSection from './HomePage/sections/VideoTestimonials';export default function HomePage(): React.JSX.Element {
  return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroSplitMediaGrid
-      tag="Portfolio Showcase"
-      title="സ്വാഗതം, Codifya-ലേക്ക്"
-      description="Discover a curated collection of powerful, secure, and innovative applications. Manage your own tech portfolio seamlessly."
-      primaryButton={{
-        text: "Browse Apps",
-        href: "#search",
-      }}
-      secondaryButton={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
-      items={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/artist-filming-dj-mixing-tutorial-sound-controller_482257-124285.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />

-  <div id="search" data-section="search">
-    <SectionErrorBoundary name="search">
-          <FeaturesRevealCardsBento
-      tag="Search Gallery"
-      title="Explore Our Portfolio"
-      description="Real-time search functionality to help you find your next favourite application."
-      items={[
-        {
-          title: "Secure Auth App",
-          description: "High-security authentication management.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-concept-logotype-collection_52683-13459.jpg",
-        },
-        {
-          title: "Task Planner",
-          description: "Efficiency for professional teams.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg",
-        },
-        {
-          title: "Data Vault",
-          description: "Encrypted personal storage.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-vector/cleaning-logo-collection_23-2148467975.jpg",
-        },
-        {
-          title: "Admin Core",
-          description: "Multi-admin control dashboard.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg",
-        },
-        {
-          title: "CloudSync",
-          description: "Real-time data synchronization.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/glowing-warning-triangle-with-digital-distortion-black-background_84443-91300.jpg",
-        },
-        {
-          title: "NetSec Pro",
-          description: "Advanced network security monitor.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-red-green-padlock-with-tick-cross-sign_107791-16636.jpg",
-        },
-        {
-          title: "AnalyticsHub",
-          description: "Comprehensive business insights.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-paper-drop_23-2148113562.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <SearchSection />

-  <div id="admin-info" data-section="admin-info">
-    <SectionErrorBoundary name="admin-info">
-          <FeaturesMediaCards
-      tag="Access Controls"
-      title="Powerful Admin Management"
-      description="Role-based access controls for Super Admins and authorized collaborators."
-      items={[
-        {
-          title: "Super Admin Control",
-          description: "Full access to user and content management.",
-          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-with-information_23-2148372854.jpg",
-        },
-        {
-          title: "Collaborative Access",
-          description: "Grant administrative privileges to trusted collaborators.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-pc-monitors-desk-used-monitoring-data-center-devices-energy_482257-118092.jpg",
-        },
-        {
-          title: "Security First",
-          description: "Secure Firestore rules and authentication integrated.",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AdminInfoSection />

-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutText
-      title="About Codifya Portfolio: We build secure, clean applications for the modern web."
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />

-  <div id="rating" data-section="rating">
-    <SectionErrorBoundary name="rating">
-          <TestimonialTrustCard
-      quote="Codifya has revolutionised the way we manage our digital presence. Incredible security and intuitive design."
-      rating={5}
-      author="Lasin K, Super Admin"
-      avatars={[
-        {
-          name: "User 1",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
-        },
-        {
-          name: "User 2",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-        },
-        {
-          name: "User 3",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-        },
-        {
-          name: "User 4",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
-        },
-        {
-          name: "User 5",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <RatingSection />

-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsMediaCards
-      tag="Performance Stats"
-      title="Platform Impact"
-      description="Trusted by admins and users worldwide for security and reliability."
-      metrics={[
-        {
-          value: "500+",
-          title: "Active Apps",
-          description: "Listed and monitored across our portfolio.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-whatsapp-icon-t-shirt-gesturing-while-holding-mobile-phone_23-2147849521.jpg",
-        },
-        {
-          value: "100%",
-          title: "Secure Access",
-          description: "Role-based security for all administrative tasks.",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-collection_23-2148626877.jpg",
-        },
-        {
-          value: "50+",
-          title: "Collaborators",
-          description: "Active admin accounts managing content.",
-          imageSrc: "http://img.b2bpic.net/free-vector/hygiene-routine-25-line-icon-pack-including-mirror-clean-cup-spray-sweep_1142-26750.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />

-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Support"
-      text="Need help managing your portfolio or have a question about permissions? Contact us today."
-      primaryButton={{
-        text: "Contact Support",
-        href: "mailto:Lasinnnkk@gmail.com",
-      }}
-      secondaryButton={{
-        text: "WhatsApp",
-        href: "https://wa.me/yournumber",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
+          <VideoTestimonialsSection />
    </>
  );
 }
--- a/src/pages/HomePage/sections/About.tsx
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,18 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutText from '@/components/sections/about/AboutText';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutText
+          title="About Codifya Portfolio: We build secure, clean applications for the modern web."
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/AdminInfo.tsx
+++ b/src/pages/HomePage/sections/AdminInfo.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "admin-info" section.
+
+import React from 'react';
+import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AdminInfoSection(): React.JSX.Element {
+  return (
+    <div id="admin-info" data-section="admin-info">
+        <SectionErrorBoundary name="admin-info">
+              <FeaturesMediaCards
+        tag="Features"
+        title="Our Core Focus"
+        description="We build solutions that enhance your experience and optimize performance."
+        items={[{"description":"We focus on creating solutions for people's problems.","imageSrc":"https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=800&q=80","title":"Problem Solving"},{"imageSrc":"https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=800&q=80","title":"Better Comfort","description":"Making existing features easier to use and enhancing smartphone comfort."},{"description":"We prioritize minimizing background data usage and preventing unnecessary battery drain.","imageSrc":"https://images.unsplash.com/photo-1614680376593-902f74cf0d41?auto=format&fit=crop&w=800&q=80","title":"Efficiency"}]}
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Contact.tsx
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="Support"
+          text="Need help managing your portfolio or have a question about permissions? Contact us today."
+          primaryButton={{
+            text: "Contact Support",
+            href: "mailto:Lasinnnkk@gmail.com",
+          }}
+          secondaryButton={{
+            text: "WhatsApp",
+            href: "https://wa.me/yournumber",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,29 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroSplitMediaGrid
+        tag="Portfolio Showcase"
+        title="സ്വാഗതം, Codifya-ലേക്ക്"
+        description="Discover a curated collection of powerful, secure, and innovative applications. Manage your own tech portfolio seamlessly."
+        primaryButton={{
+            text: "Browse Apps",
+            href: "#search",
+          }}
+        secondaryButton={{
+            text: "Contact Us",
+            href: "#contact",
+          }}
+        items={[{"imageSrc":"https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=800&q=80"},{"imageSrc":"https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=800&q=80"}]}
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Metrics.tsx
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,40 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsMediaCards
+          tag="Performance Stats"
+          title="Platform Impact"
+          description="Trusted by admins and users worldwide for security and reliability."
+          metrics={[
+            {
+              value: "500+",
+              title: "Active Apps",
+              description: "Listed and monitored across our portfolio.",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-whatsapp-icon-t-shirt-gesturing-while-holding-mobile-phone_23-2147849521.jpg",
+            },
+            {
+              value: "100%",
+              title: "Secure Access",
+              description: "Role-based security for all administrative tasks.",
+              imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-collection_23-2148626877.jpg",
+            },
+            {
+              value: "50+",
+              title: "Collaborators",
+              description: "Active admin accounts managing content.",
+              imageSrc: "http://img.b2bpic.net/free-vector/hygiene-routine-25-line-icon-pack-including-mirror-clean-cup-spray-sweep_1142-26750.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Rating.tsx
+++ b/src/pages/HomePage/sections/Rating.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "rating" section.
+
+import React from 'react';
+import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function RatingSection(): React.JSX.Element {
+  return (
+    <div id="rating" data-section="rating">
+        <SectionErrorBoundary name="rating">
+              <TestimonialTrustCard
+        quote="Codifya has revolutionised the way we manage our digital presence. Incredible security and intuitive design."
+        rating={5}
+        author="Lasin K, Super Admin"
+        avatars={[{"imageSrc":"https://images.unsplash.com/photo-1614680376593-902f74cf0d41?auto=format&fit=crop&w=150&q=80","name":"User 1"},{"name":"User 2","imageSrc":"https://images.unsplash.com/photo-1614680376593-902f74cf0d41?auto=format&fit=crop&w=150&q=80"},{"imageSrc":"https://images.unsplash.com/photo-1614680376593-902f74cf0d41?auto=format&fit=crop&w=150&q=80","name":"User 3"},{"name":"User 4","imageSrc":"https://images.unsplash.com/photo-1614680376593-902f74cf0d41?auto=format&fit=crop&w=150&q=80"},{"name":"User 5","imageSrc":"https://images.unsplash.com/photo-1614680376593-902f74cf0d41?auto=format&fit=crop&w=150&q=80"}]}
+      />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Search.tsx
+++ b/src/pages/HomePage/sections/Search.tsx
@@ -0,0 +1,64 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "search" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function SearchSection(): React.JSX.Element {
+  return (
+    <div id="search" data-section="search">
+        <SectionErrorBoundary name="search">
+              <FeaturesRevealCardsBento
+          tag="Search Gallery"
+          title="Explore Our Portfolio"
+          description="Real-time search functionality to help you find your next favourite application."
+          items={[
+            {
+              title: "Secure Auth App",
+              description: "High-security authentication management.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-concept-logotype-collection_52683-13459.jpg",
+            },
+            {
+              title: "Task Planner",
+              description: "Efficiency for professional teams.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg",
+            },
+            {
+              title: "Data Vault",
+              description: "Encrypted personal storage.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-vector/cleaning-logo-collection_23-2148467975.jpg",
+            },
+            {
+              title: "Admin Core",
+              description: "Multi-admin control dashboard.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg",
+            },
+            {
+              title: "CloudSync",
+              description: "Real-time data synchronization.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/glowing-warning-triangle-with-digital-distortion-black-background_84443-91300.jpg",
+            },
+            {
+              title: "NetSec Pro",
+              description: "Advanced network security monitor.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-red-green-padlock-with-tick-cross-sign_107791-16636.jpg",
+            },
+            {
+              title: "AnalyticsHub",
+              description: "Comprehensive business insights.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-paper-drop_23-2148113562.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/VideoTestimonials.tsx
+++ b/src/pages/HomePage/sections/VideoTestimonials.tsx
@@ -0,0 +1,78 @@
+import { motion } from "motion/react";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import TextAnimation from "@/components/ui/TextAnimation";
+import Card from "@/components/ui/Card";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import RatingStars from "@/components/ui/RatingStars";
+import Tag from "@/components/ui/Tag";
+
+export default function VideoTestimonials() {
+  const testimonials = [
+    {
+      name: "Arjun K.",
+      role: "Developer",
+      company: "TechCorp",
+      rating: 5,
+      videoSrc: "https://videos.pexels.com/video-files/3129957/3129957-uhd_2560_1440_25fps.mp4",
+    },
+    {
+      name: "Meera S.",
+      role: "Designer",
+      company: "Creative Studio",
+      rating: 5,
+      videoSrc: "https://videos.pexels.com/video-files/3129671/3129671-uhd_2560_1440_25fps.mp4",
+    },
+    {
+      name: "Rahul V.",
+      role: "Product Manager",
+      company: "Innovate Inc",
+      rating: 5,
+      videoSrc: "https://videos.pexels.com/video-files/3206323/3206323-uhd_2560_1440_25fps.mp4",
+    }
+  ];
+
+  return (
+    <section data-webild-section="video-testimonials" id="video-testimonials" className="relative w-full py-24 bg-background">
+      <div className="w-content-width mx-auto">
+        <div className="text-center mb-16 flex flex-col items-center">
+          <ScrollReveal variant="fade">
+            <Tag text="Testimonials" className="mb-4" />
+          </ScrollReveal>
+          <TextAnimation
+            text="Real stories from our users"
+            variant="fade-blur"
+            tag="h2"
+            gradientText={false}
+            className="text-4xl md:text-5xl font-bold text-foreground mb-4"
+          />
+          <ScrollReveal variant="fade" delay={0.2}>
+            <p className="text-lg text-accent max-w-2xl mx-auto">
+              See how Codifya is helping teams build better and faster.
+            </p>
+          </ScrollReveal>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {testimonials.map((testimonial, index) => (
+            <ScrollReveal variant="fade" key={index} delay={0.1 * index} className="h-full">
+              <Card className="h-full flex flex-col overflow-hidden p-0">
+                <div className="relative aspect-[9/16] w-full overflow-hidden">
+                  <ImageOrVideo
+                    videoSrc={testimonial.videoSrc}
+                    className="w-full h-full object-cover"
+                  />
+                  <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent pointer-events-none" />
+                  <div className="absolute bottom-0 left-0 right-0 p-6">
+                    <RatingStars rating={testimonial.rating} className="mb-3 text-primary-cta" />
+                    <h3 className="text-xl font-bold text-white mb-1">{testimonial.name}</h3>
+                    <p className="text-sm text-white/80">{testimonial.role} at {testimonial.company}</p>
+                  </div>
+                </div>
+              </Card>
+            </ScrollReveal>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
Author	SHA1	Message	Date
bender	a1cee698c2	Merge version_4_1782056705300 into main Merge version_4_1782056705300 into main	2026-06-21 15:46:56 +00:00
kudinDmitriyUp	c6015e7914	Bob AI: Updated features section with problem solving, comfort, and	2026-06-21 15:46:16 +00:00
bender	7ab11eb976	Merge version_3_1782056591142 into main Merge version_3_1782056591142 into main	2026-06-21 15:44:51 +00:00
kudinDmitriyUp	704d2f8959	Bob AI: Added video testimonials section for high-impact social proo	2026-06-21 15:44:11 +00:00
bender	74b4ecb44e	Merge version_2_1782055867090 into main Merge version_2_1782055867090 into main	2026-06-21 15:33:24 +00:00
kudinDmitriyUp	987aaecd31	Bob AI: Change site background to noiseGradient for 3D effect	2026-06-21 15:32:45 +00:00