Update src/app/topics/page.tsx

Update src/app/resources/page.tsx
Add src/app/topics/page.tsx
2026-05-18 10:11:06 +00:00 · 2026-05-18 10:11:05 +00:00 · 2026-05-18 10:10:40 +00:00 · 2026-05-18 10:10:40 +00:00 · 2026-05-18 10:10:39 +00:00 · 2026-05-18 10:09:33 +00:00
3 changed files with 236 additions and 142 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +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 ContactText from '@/components/sections/contact/ContactText';
 import { BookOpen, CheckCircle, Users } from "lucide-react";

 export default function LandingPage() {
@@ -28,157 +29,146 @@ 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: "Topics", id: "/topics" },
+        { name: "Resources", id: "/resources" },
+        { 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"
-          />
-        </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 Learning", href: "#contact" }]}
+      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="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">
-          <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="qa-chat" data-section="qa-chat">
+      <ContactText
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
+      text="Ask our AI any biology question and receive expert-backed answers instantly."
+      buttons={[{ text: "Ask Question" }]}
+      />
+  </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"
-            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"
+      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="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="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="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: "Topics", href: "/topics" }, { label: "Resources", href: "/resources" }] },
+        { items: [{ label: "Twitter", href: "#" }, { label: "GitHub", href: "#" }] },
+      ]}
+      logoText="Biology.GPT"
+    />
+  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/resources/page.tsx
+++ b/src/app/resources/page.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import { BookOpen } from "lucide-react";
+
+export default function ResourcesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeLargeTitles"
+        background="aurora"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Topics", id: "/topics" },
+            { name: "Resources", id: "/resources" },
+          ]}
+          brandName="Biology.GPT"
+        />
+        <MetricCardOne
+          animationType="slide-up"
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          title="Biology Resources"
+          description="Essential tools and documents for your research."
+          useInvertedBackground={false}
+          metrics={[
+            { id: "1", value: "PDF", title: "Genetics Handbook", description: "Comprehensive manual.", icon: BookOpen },
+            { id: "2", value: "Tools", title: "Simulation Suite", description: "Interactive models.", icon: BookOpen },
+          ]}
+        />
+        <FooterLogoEmphasis
+          columns={[{ items: [{ label: "Home", href: "/" }, { label: "Topics", href: "/topics" }] }]}
+          logoText="Biology.GPT"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/topics/page.tsx
+++ b/src/app/topics/page.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+
+export default function TopicsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeLargeTitles"
+        background="aurora"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Topics", id: "/topics" },
+            { name: "Resources", id: "/resources" },
+          ]}
+          brandName="Biology.GPT"
+        />
+        <FeatureCardTwentyNine
+          animationType="slide-up"
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          title="Biology Topics"
+          description="Explore our curated library of biological subjects."
+          useInvertedBackground={false}
+          features={[
+            { title: "Cellular Structure", description: "Deep dive into organelles and their functions.", imageSrc: "", buttonText: "Read More", titleImageSrc: "" },
+            { title: "Genetic Coding", description: "Understanding the building blocks of life.", imageSrc: "", buttonText: "Read More", titleImageSrc: "" },
+            { title: "Ecological Systems", description: "Study interactions within ecosystems.", imageSrc: "", buttonText: "Read More", titleImageSrc: "" },
+          ]}
+        />
+        <FooterLogoEmphasis
+          columns={[{ items: [{ label: "Home", href: "/" }, { label: "Resources", href: "/resources" }] }]}
+          logoText="Biology.GPT"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
Author	SHA1	Message	Date
bender	17de90b07e	Update src/app/topics/page.tsx	2026-05-18 10:11:06 +00:00
bender	e17bf6fec2	Update src/app/resources/page.tsx	2026-05-18 10:11:05 +00:00
bender	773a60e4f0	Add src/app/topics/page.tsx	2026-05-18 10:10:40 +00:00
bender	c36655405f	Add src/app/resources/page.tsx	2026-05-18 10:10:40 +00:00
bender	a3e832905f	Update src/app/page.tsx	2026-05-18 10:10:39 +00:00
bender	35ecad6003	Switch to version 2: modified src/app/page.tsx	2026-05-18 10:09:33 +00:00
bender	2cd456869c	Merge version_3 into main Merge version_3 into main	2026-05-18 10:08:59 +00:00
bender	73a2ed5c8e	Merge version_3 into main Merge version_3 into main	2026-05-18 10:08:30 +00:00