Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 280c7e6f27 | |||
| 17de90b07e | |||
| e17bf6fec2 | |||
| df36599c78 | |||
| 773a60e4f0 | |||
| c36655405f | |||
| a3e832905f | |||
| 35ecad6003 | |||
| 2cd456869c | |||
| 73a2ed5c8e |
274
src/app/page.tsx
274
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
52
src/app/resources/page.tsx
Normal file
52
src/app/resources/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
52
src/app/topics/page.tsx
Normal file
52
src/app/topics/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user