From 66b6f3cb7a43a1c8ae73f8f6a1fa0b121726cd2d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 13 Apr 2026 06:52:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 386 ++++++++++++++---------------------------------
 1 file changed, 117 insertions(+), 269 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 16bd3d7..6a6e0d5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,284 +14,132 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Trust",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="VeriGlobal"
-      button={{
-        text: "Get Verified",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "Trust", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="VeriGlobal"
+            button={{ text: "Get Verified", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Authentic Identity Verification, Worldwide."
-      description="Secure, fast, and fully authenticated identity verification for any account, anywhere on the globe. We provide absolute proof of identity to protect your digital reputation."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/finger-pointing-smartwatch_1134-113.jpg"
-      imageAlt="Global identity verification service"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
-          alt: "Portrait woman business embrace confidence",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
-          alt: "Happy businessman portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-blond-businesswoman-suit-smiles-camera-sits-outdoors-near-office-buildings_1258-116714.jpg",
-          alt: "Confident businesswoman in suit",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",
-          alt: "Smiling blond businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-          alt: "Young successful man portrait",
-        },
-      ]}
-      avatarText="Trusted by 10,000+ Professionals"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Authentic Identity Verification, Worldwide."
+            description="Secure, fast, and fully authenticated identity verification for any account, anywhere on the globe. We provide absolute proof of identity to protect your digital reputation."
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/finger-pointing-smartwatch_1134-113.jpg"
+            imageAlt="Global identity verification service"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", alt: "Portrait woman business embrace confidence" },
+              { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "Happy businessman portrait" },
+              { src: "http://img.b2bpic.net/free-photo/confident-blond-businesswoman-suit-smiles-camera-sits-outdoors-near-office-buildings_1258-116714.jpg", alt: "Confident businesswoman in suit" },
+              { src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", alt: "Smiling blond businessman" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Young successful man portrait" }
+            ]}
+            avatarText="Trusted by 10,000+ Professionals"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Bulletproof Authentication",
-          descriptions: [
-            "Every ID is verified against secure, authentic records to ensure 100% accuracy.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148534111.jpg",
-        },
-        {
-          id: "f2",
-          title: "Global Reach",
-          descriptions: [
-            "Verifying accounts across borders with deep knowledge of international documentation standards.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663048.jpg",
-        },
-        {
-          id: "f3",
-          title: "Instant Compliance",
-          descriptions: [
-            "Streamlined workflows that keep your business compliant with all legal identity requirements.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/demand-insurance-service-digital-insurer-mobile-app-innovative-business-model-female-customer-ordering-insurance-policy-online_335657-1156.jpg",
-        },
-      ]}
-      title="Why Choose VeriGlobal?"
-      description="Our verification services are designed for maximum authenticity and minimal friction, ensuring your accounts remain secure and fully verified."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Bulletproof Authentication", descriptions: ["Every ID is verified against secure, authentic records to ensure 100% accuracy."], imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148534111.jpg" },
+              { id: "f2", title: "Global Reach", descriptions: ["Verifying accounts across borders with deep knowledge of international documentation standards."], imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663048.jpg" },
+              { id: "f3", title: "Instant Compliance", descriptions: ["Streamlined workflows that keep your business compliant with all legal identity requirements."], imageSrc: "http://img.b2bpic.net/free-vector/demand-insurance-service-digital-insurer-mobile-app-innovative-business-model-female-customer-ordering-insurance-policy-online_335657-1156.jpg" }
+            ]}
+            title="Why Choose VeriGlobal?"
+            description="Our verification services are designed for maximum authenticity and minimal friction, ensuring your accounts remain secure and fully verified."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          title: "Accuracy Rate",
-          description: "Unmatched precision for all identity verifications.",
-          imageSrc: "http://img.b2bpic.net/free-photo/results-analysis-discovery-investigation-concept_53876-120447.jpg",
-        },
-        {
-          id: "m2",
-          value: "24h",
-          title: "Turnaround Time",
-          description: "Swift processing for even the most complex cases.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg",
-        },
-        {
-          id: "m3",
-          value: "150+",
-          title: "Countries Served",
-          description: "Worldwide coverage with localized expertise.",
-          imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-21158.jpg",
-        },
-      ]}
-      title="Performance at Scale"
-      description="Proven reliability across every single verification request we process."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "99.9%", title: "Accuracy Rate", description: "Unmatched precision for all identity verifications.", imageSrc: "http://img.b2bpic.net/free-photo/results-analysis-discovery-investigation-concept_53876-120447.jpg" },
+              { id: "m2", value: "24h", title: "Turnaround Time", description: "Swift processing for even the most complex cases.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg" },
+              { id: "m3", value: "150+", title: "Countries Served", description: "Worldwide coverage with localized expertise.", imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-21158.jpg" }
+            ]}
+            title="Performance at Scale"
+            description="Proven reliability across every single verification request we process."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "CEO",
-          company: "TechSecure",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
-        },
-        {
-          id: "2",
-          name: "David Chan",
-          role: "Head of Ops",
-          company: "GlobalFlow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Watson",
-          role: "Founder",
-          company: "VerifyLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg",
-        },
-        {
-          id: "4",
-          name: "Marcus Thorne",
-          role: "CISO",
-          company: "DataBank",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-men-looking-computer_23-2148920577.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena Rodriguez",
-          role: "Compliance Officer",
-          company: "SecureAuth",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
-        },
-      ]}
-      title="Trusted by Professionals"
-      description="Clients rely on us to maintain their digital integrity and security."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", role: "CEO", company: "TechSecure", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
+              { id: "2", name: "David Chan", role: "Head of Ops", company: "GlobalFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
+              { id: "3", name: "Emily Watson", role: "Founder", company: "VerifyLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg" },
+              { id: "4", name: "Marcus Thorne", role: "CISO", company: "DataBank", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-men-looking-computer_23-2148920577.jpg" },
+              { id: "5", name: "Elena Rodriguez", role: "Compliance Officer", company: "SecureAuth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg" }
+            ]}
+            title="Trusted by Professionals"
+            description="Clients rely on us to maintain their digital integrity and security."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "How long does verification take?",
-          content: "Most standard verifications are completed within 24 hours.",
-        },
-        {
-          id: "q2",
-          title: "Can you verify global IDs?",
-          content: "Yes, we handle international documentation from over 150 countries.",
-        },
-        {
-          id: "q3",
-          title: "Is my data secure?",
-          content: "We use bank-grade encryption to ensure every document is fully protected.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Get clear answers regarding our verification processes."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "How long does verification take?", content: "Most standard verifications are completed within 24 hours." },
+              { id: "q2", title: "Can you verify global IDs?", content: "Yes, we handle international documentation from over 150 countries." },
+              { id: "q3", title: "Is my data secure?", content: "We use bank-grade encryption to ensure every document is fully protected." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Get clear answers regarding our verification processes."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Get Started"
-      title="Ready to get verified?"
-      description="Enter your email below to start your identity verification journey today."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            tag="Get Started"
+            title="Ready to get verified?"
+            description="Enter your email below to start your identity verification journey today."
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="VeriGlobal"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Identity Verification",
-              href: "#",
-            },
-            {
-              label: "Compliance Checks",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="VeriGlobal"
+            columns={[
+              { title: "Services", items: [{ label: "Identity Verification", href: "#" }, { label: "Compliance Checks", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Terms", href: "#" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1