Merge version_4 into main

Merge version_4 into main

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() {
@@ -31,22 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { 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"
     />
@@ -54,61 +45,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "plain",
-      }}
+      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",
-        },
+        { 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",
-        },
+        { 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>
@@ -117,13 +71,19 @@ export default function LandingPage() {
       <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.",
-      ]}
+      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">
+      <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"
@@ -131,27 +91,9 @@ export default function LandingPage() {
       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: "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."
@@ -165,27 +107,9 @@ export default function LandingPage() {
       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,
-        },
+        { 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."
@@ -198,38 +122,8 @@ export default function LandingPage() {
       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",
-          ],
-        },
+        { 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."
@@ -241,21 +135,9 @@ export default function LandingPage() {
       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.",
-        },
+        { 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?"
@@ -265,22 +147,12 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={false}
+      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,
-        },
+        { 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"
     />
@@ -289,30 +161,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "GitHub",
-              href: "#",
-            },
-          ],
-        },
+        { 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"
     />

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>
+  );
+}

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>
+  );
+}