From e2aeeaa2d20234a05bc7426ec37fc4e033363583 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 18:52:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 340 +++++++++++++----------------------------------
 1 file changed, 92 insertions(+), 248 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a5e3969..e8d02fd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,262 +16,106 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         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">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Support",
-          id: "#contact",
-        },
-      ]}
-      brandName="Google Drive"
-      button={{
-        text: "Sign In",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Support", id: "contact" }
+            ]}
+            brandName="Google Drive"
+            button={{ text: "Sign In", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
-      logoText="Google Drive"
-      description="Store, access, and collaborate on your files securely from anywhere. Your files, your workspace, your terms."
-      buttons={[
-        {
-          text: "Sign In",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114665.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "plain" }}
+            logoText="Google Drive"
+            description="Store, access, and collaborate on your files securely from anywhere. Your files, your workspace, your terms."
+            buttons={[
+              { text: "Sign In", href: "#contact" },
+              { text: "Learn More", href: "#features" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114665.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Secure Cloud Sync",
-          description: "Always have your latest files backed up and available on every device.",
-          imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301535.jpg",
-        },
-        {
-          title: "Real-time Collaboration",
-          description: "Work together with colleagues in real-time, no matter where they are.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14785.jpg",
-        },
-        {
-          title: "AI-Powered Search",
-          description: "Quickly find the right file using powerful search and smart organizational AI.",
-          imageSrc: "http://img.b2bpic.net/free-photo/paper-cut-manila-folder-with-some-document_1232-1658.jpg",
-        },
-      ]}
-      title="Everything you need to succeed"
-      description="Google Drive is built for collaboration, security, and accessibility."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardEight
+            textboxLayout="inline-image"
+            useInvertedBackground={false}
+            features={[
+              { title: "Secure Cloud Sync", description: "Always have your latest files backed up and available on every device.", imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301535.jpg" },
+              { title: "Real-time Collaboration", description: "Work together with colleagues in real-time, no matter where they are.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14785.jpg" },
+              { title: "AI-Powered Search", description: "Quickly find the right file using powerful search and smart organizational AI.", imageSrc: "http://img.b2bpic.net/free-photo/paper-cut-manila-folder-with-some-document_1232-1658.jpg" }
+            ]}
+            title="Everything you need to succeed"
+            description="Google Drive is built for collaboration, security, and accessibility."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "basic",
-          name: "Basic",
-          price: "Free",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "15GB Storage",
-            "Secure Access",
-            "Drive Support",
-          ],
-        },
-        {
-          id: "standard",
-          name: "Standard",
-          price: "$1.99/mo",
-          buttons: [
-            {
-              text: "Choose Standard",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "100GB Storage",
-            "Multiple Devices",
-            "Email Support",
-          ],
-        },
-        {
-          id: "premium",
-          name: "Premium",
-          price: "$9.99/mo",
-          buttons: [
-            {
-              text: "Choose Premium",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "2TB Storage",
-            "Family Sharing",
-            "Priority Support",
-          ],
-        },
-      ]}
-      title="Flexible Storage Plans"
-      description="Choose the storage plan that fits your personal or business needs."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "basic", name: "Basic", price: "Free", buttons: [{ text: "Get Started", href: "#contact" }], features: ["15GB Storage", "Secure Access", "Drive Support"] },
+              { id: "standard", name: "Standard", price: "$1.99/mo", buttons: [{ text: "Choose Standard", href: "#contact" }], features: ["100GB Storage", "Multiple Devices", "Email Support"] },
+              { id: "premium", name: "Premium", price: "$9.99/mo", buttons: [{ text: "Choose Premium", href: "#contact" }], features: ["2TB Storage", "Family Sharing", "Priority Support"] }
+            ]}
+            title="Flexible Storage Plans"
+            description="Choose the storage plan that fits your personal or business needs."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Seamless Experience",
-          quote: "I use Drive for everything. It's the most reliable storage solution I've found.",
-          name: "Sarah J.",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-        },
-        {
-          id: "2",
-          title: "Life-Changing",
-          quote: "Collaboration on Drive has changed the way our team works.",
-          name: "Michael C.",
-          role: "Product Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
-        },
-        {
-          id: "3",
-          title: "Highly Secure",
-          quote: "I never worry about losing my work. It's safe and instantly synced.",
-          name: "Emily R.",
-          role: "Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/left-hand-is-blurred-studio-shot-dark-studio-with-neon-light-portrait-serious-man_146671-17083.jpg",
-        },
-        {
-          id: "4",
-          title: "User Friendly",
-          quote: "The AI search features have saved me hours of file management time.",
-          name: "David K.",
-          role: "Marketer",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-glasses-using-digital-tablet-smiling-satisfied-standing-against-white-backgr_1258-111679.jpg",
-        },
-        {
-          id: "5",
-          title: "Professional Grade",
-          quote: "It keeps our studio assets organized and accessible globally.",
-          name: "Jennifer L.",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/photography-artist-with-handicap-using-touch-screen_482257-17668.jpg",
-        },
-      ]}
-      title="Trusted by millions worldwide"
-      description="Hear what our users say about the Google Drive experience."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Seamless Experience", quote: "I use Drive for everything. It's the most reliable storage solution I've found.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
+              { id: "2", title: "Life-Changing", quote: "Collaboration on Drive has changed the way our team works.", name: "Michael C.", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg" },
+              { id: "3", title: "Highly Secure", quote: "I never worry about losing my work. It's safe and instantly synced.", name: "Emily R.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/left-hand-is-blurred-studio-shot-dark-studio-with-neon-light-portrait-serious-man_146671-17083.jpg" },
+              { id: "4", title: "User Friendly", quote: "The AI search features have saved me hours of file management time.", name: "David K.", role: "Marketer", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-glasses-using-digital-tablet-smiling-satisfied-standing-against-white-backgr_1258-111679.jpg" },
+              { id: "5", title: "Professional Grade", quote: "It keeps our studio assets organized and accessible globally.", name: "Jennifer L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/photography-artist-with-handicap-using-touch-screen_482257-17668.jpg" }
+            ]}
+            title="Trusted by millions worldwide"
+            description="Hear what our users say about the Google Drive experience."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Sign in to your account and continue using Google Drive securely. Need help? Use our support options."
-      buttons={[
-        {
-          text: "Sign In Now",
-          href: "https://accounts.google.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            text="Sign in to your account and continue using Google Drive securely. Need help? Use our support options."
+            buttons={[{ text: "Sign In Now", href: "https://accounts.google.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Google Drive"
-      columns={[
-        {
-          title: "Products",
-          items: [
-            {
-              label: "Drive",
-              href: "#",
-            },
-            {
-              label: "Docs",
-              href: "#",
-            },
-            {
-              label: "Sheets",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Google"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Google Drive"
+            columns={[
+              { title: "Products", items: [{ label: "Drive", href: "#" }, { label: "Docs", href: "#" }, { label: "Sheets", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+              { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#" }] }
+            ]}
+            copyrightText="© 2025 Google"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );