From 4d89496ee451ccdf66864ab00d9bd49a6a6c4528 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 10:08:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 293 +++++++++++++++++++++++------------------------
 1 file changed, 142 insertions(+), 151 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a858acf..ff800f4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,8 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import ContactSplitFormSection from '@/components/sections/contact/ContactSplitForm';
-import { BookOpen, CheckCircle, Users, MessageSquareText } from "lucide-react";
+import { BookOpen, CheckCircle, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,164 +28,156 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "About", id: "#about" },
-        { name: "Features", id: "#features" },
-        { name: "Pricing", id: "#pricing" },
-        { name: "Chat", id: "#qa-chat" },
-        { name: "Contact", id: "#contact" },
-      ]}
-      brandName="Biology.GPT"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Chat", id: "qa-chat" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Biology.GPT"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{ variant: "plain" }}
-      title="Unlocking the Secrets of Life"
-      description="Biology.GPT is the advanced AI assistant built for biology. Ask complex biological questions, analyze cellular interactions, or dive deep into genetics instantly."
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/abstract-network-connection-data-transmission_23-2151967432.jpg", alt: "Neural network abstract" },
-        { src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-flow-background_1048-12436.jpg", alt: "Neural network abstract" },
-        { src: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg", alt: "Neural network abstract" },
-        { src: "http://img.b2bpic.net/free-photo/beautiful-lights-particles-wallpaper_1017-2768.jpg", alt: "Neural network abstract" },
-        { src: "http://img.b2bpic.net/free-photo/glowing-yellow-lights-illuminate-winter-tree-branches-generated-by-ai_188544-16412.jpg", alt: "Glowing light node" },
-      ]}
-      buttons={[{ text: "Start Chatting", href: "#qa-chat" }]}
-      buttonAnimation="slide-up"
-      marqueeItems={[
-        { type: "text", text: "Bio-Informatics" },
-        { type: "text", text: "Molecular Analysis" },
-        { type: "text", text: "Genetic Mapping" },
-        { type: "text", text: "Cellular Signaling" },
-        { type: "text", text: "AI Biology Research" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "plain" }}
+            title="Unlocking the Secrets of Life"
+            description="Biology.GPT is the advanced AI assistant built for biology. Ask complex biological questions, analyze cellular interactions, or dive deep into genetics instantly."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/abstract-network-connection-data-transmission_23-2151967432.jpg", alt: "Neural network abstract" },
+              { src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-flow-background_1048-12436.jpg", alt: "Neural network abstract" },
+              { src: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg", alt: "Neural network abstract" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-lights-particles-wallpaper_1017-2768.jpg", alt: "Neural network abstract" },
+              { src: "http://img.b2bpic.net/free-photo/glowing-yellow-lights-illuminate-winter-tree-branches-generated-by-ai_188544-16412.jpg", alt: "Glowing light node" },
+            ]}
+            buttons={[{ text: "Start Chatting", href: "#qa-chat" }]}
+            buttonAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Your Personal Biology Expert"
-      description={[
-        "Biology.GPT is designed to bridge the gap between complex research and accessible knowledge.",        "We leverage advanced neural networks to synthesize data from thousands of biological papers, providing accurate, clear, and instant answers to your questions."
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="Your Personal Biology Expert"
+            description={[
+              "Biology.GPT is designed to bridge the gap between complex research and accessible knowledge.",              "We leverage advanced neural networks to synthesize data from thousands of biological papers, providing accurate, clear, and instant answers to your questions."
+            ]}
+          />
+        </div>
 
-  <div id="qa-chat" data-section="qa-chat">
-      <ContactSplitFormSection
-      title="Biology AI Chat Interface"
-      description="Enter your biological query below to receive an instant, expert-backed analysis from our specialized models."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
-        { name: "topic", type: "text", placeholder: "Biological Topic (e.g., DNA replication)", required: true }
-      ]}
-      textarea={{ name: "question", placeholder: "Ask your biology question here...", rows: 5, required: true }}
-      buttonText="Get Instant Answer"
-      imageSrc="http://img.b2bpic.net/free-photo/hand-holding-holographic-dna-structure_23-2149175405.jpg"
-      imageAlt="Biology AI Chat"
-      mediaPosition="left"
-      />
-  </div>
+        <div id="qa-chat" data-section="qa-chat">
+          <ContactSplitForm
+            title="Biology AI Chat Interface"
+            description="Enter your biological query below to receive an instant, expert-backed analysis from our specialized models."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "topic", type: "text", placeholder: "Biological Topic (e.g., DNA replication)", required: true }
+            ]}
+            textarea={{ name: "question", placeholder: "Ask your biology question here...", rows: 5, required: true }}
+            buttonText="Get Instant Answer"
+            imageSrc="http://img.b2bpic.net/free-photo/hand-holding-holographic-dna-structure_23-2149175405.jpg"
+            imageAlt="Biology AI Chat"
+            mediaPosition="left"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyNine
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Genetics Analysis",          description: "Break down complex genetic sequences in seconds.",          imageSrc: "http://img.b2bpic.net/free-photo/simple-3d-animation-dna-string-black-background_482257-26915.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/3d-render-medical-dna-strand-background_1048-13848.jpg",          buttonText: "Explore"
-        },
-        {
-          title: "Cell Biology",          description: "Deep insights into organelles and cell pathways.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-powerful-colour-contrasted-bubbles_23-2148227114.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-mitochondrion-producing-cellular-energy-german_183364-124024.jpg",          buttonText: "Explore"
-        },
-        {
-          title: "Molecular Research",          description: "Comprehensive analysis of molecular bonds and chemicals.",          imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124151.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg",          buttonText: "Explore"
-        },
-      ]}
-      title="Advanced Biological Insights"
-      description="Our AI is equipped to handle diverse fields within biology."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyNine
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Genetics Analysis",                description: "Break down complex genetic sequences in seconds.",                imageSrc: "http://img.b2bpic.net/free-photo/simple-3d-animation-dna-string-black-background_482257-26915.jpg",                titleImageSrc: "http://img.b2bpic.net/free-photo/3d-render-medical-dna-strand-background_1048-13848.jpg",                buttonText: "Explore"
+              },
+              {
+                title: "Cell Biology",                description: "Deep insights into organelles and cell pathways.",                imageSrc: "http://img.b2bpic.net/free-photo/abstract-powerful-colour-contrasted-bubbles_23-2148227114.jpg",                titleImageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-mitochondrion-producing-cellular-energy-german_183364-124024.jpg",                buttonText: "Explore"
+              },
+              {
+                title: "Molecular Research",                description: "Comprehensive analysis of molecular bonds and chemicals.",                imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124151.jpg",                titleImageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551552.jpg",                buttonText: "Explore"
+              },
+            ]}
+            title="Advanced Biological Insights"
+            description="Our AI is equipped to handle diverse fields within biology."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "1", value: "1.2M", title: "Research Papers", description: "Synthesized daily.", icon: BookOpen },
-        { id: "2", value: "50K", title: "Active Users", description: "Students & researchers.", icon: Users },
-        { id: "3", value: "99%", title: "Accuracy Rate", description: "Verified AI responses.", icon: CheckCircle },
-      ]}
-      title="Our Research Coverage"
-      description="Powered by vast data points."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "1", value: "1.2M", title: "Research Papers", description: "Synthesized daily.", icon: BookOpen },
+              { id: "2", value: "50K", title: "Active Users", description: "Students & researchers.", icon: Users },
+              { id: "3", value: "99%", title: "Accuracy Rate", description: "Verified AI responses.", icon: CheckCircle },
+            ]}
+            title="Our Research Coverage"
+            description="Powered by vast data points."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",          badge: "Student",          price: "$9",          subtitle: "Perfect for biology students.",          buttons: [{ text: "Get Started" }],
-          features: ["Unlimited chats", "Basic analysis", "24/7 Support"],
-        },
-        {
-          id: "pro",          badge: "Researcher",          price: "$29",          subtitle: "For serious research.",          buttons: [{ text: "Upgrade" }],
-          features: ["Advanced modeling", "Data export", "Paper citation"],
-        },
-      ]}
-      title="Subscription Plans"
-      description="Choose the level that fits your research needs."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            animationType="slide-up"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "basic",                badge: "Student",                price: "$9",                subtitle: "Perfect for biology students.",                buttons: [{ text: "Get Started" }],
+                features: ["Unlimited chats", "Basic analysis", "24/7 Support"],
+              },
+              {
+                id: "pro",                badge: "Researcher",                price: "$29",                subtitle: "For serious research.",                buttons: [{ text: "Upgrade" }],
+                features: ["Advanced modeling", "Data export", "Paper citation"],
+              },
+            ]}
+            title="Subscription Plans"
+            description="Choose the level that fits your research needs."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        { id: "1", title: "How accurate is Biology.GPT?", content: "Our AI is trained on verified biological research papers and updated daily." },
-        { id: "2", title: "Can it cite sources?", content: "Yes, our pro version provides citations for every claim made." },
-        { id: "3", title: "Is it suitable for researchers?", content: "Absolutely, it covers complex molecular and genetic topics." },
-      ]}
-      title="Common Questions"
-      description="Need more info?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "How accurate is Biology.GPT?", content: "Our AI is trained on verified biological research papers and updated daily." },
+              { id: "2", title: "Can it cite sources?", content: "Yes, our pro version provides citations for every claim made." },
+              { id: "3", title: "Is it suitable for researchers?", content: "Absolutely, it covers complex molecular and genetic topics." },
+            ]}
+            title="Common Questions"
+            description="Need more info?"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Contact Us"
-      description="Get in touch with the development team."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
-        { name: "email", type: "email", placeholder: "Your Email", required: true },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Contact Us"
+            description="Get in touch with the development team."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "About", href: "#about" }, { label: "Privacy", href: "#" }] },
-        { items: [{ label: "Twitter", href: "#" }, { label: "GitHub", href: "#" }] },
-      ]}
-      logoText="Biology.GPT"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About", href: "#about" }, { label: "Privacy", href: "#" }] },
+              { items: [{ label: "Twitter", href: "#" }, { label: "GitHub", href: "#" }] },
+            ]}
+            logoText="Biology.GPT"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );