Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4d89496ee4 | |||
| 8797925b78 | |||
| 266d53a09f | |||
| 62f2dcd315 | |||
| 2a9c1d52fa |
336
src/app/page.tsx
336
src/app/page.tsx
@@ -11,7 +11,6 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
|
||||||
import { BookOpen, CheckCircle, Users } from "lucide-react";
|
import { BookOpen, CheckCircle, Users } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
@@ -29,209 +28,156 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "About", id: "about" },
|
||||||
name: "About", id: "#about"},
|
{ name: "Features", id: "features" },
|
||||||
{
|
{ name: "Pricing", id: "pricing" },
|
||||||
name: "Features", id: "#features"},
|
{ name: "Chat", id: "qa-chat" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Pricing", id: "#pricing"},
|
]}
|
||||||
{
|
brandName="Biology.GPT"
|
||||||
name: "Contact", id: "#contact"},
|
/>
|
||||||
]}
|
</div>
|
||||||
brandName="Biology.GPT"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain"}}
|
title="Unlocking the Secrets of Life"
|
||||||
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."
|
||||||
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={[
|
||||||
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-network-connection-data-transmission_23-2151967432.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/3d-abstract-particle-flow-background_1048-12436.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" },
|
||||||
{
|
]}
|
||||||
src: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg", alt: "Neural network abstract"},
|
buttons={[{ text: "Start Chatting", href: "#qa-chat" }]}
|
||||||
{
|
buttonAnimation="slide-up"
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-lights-particles-wallpaper_1017-2768.jpg", alt: "Neural network abstract"},
|
/>
|
||||||
{
|
</div>
|
||||||
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">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Your Personal Biology Expert"
|
title="Your Personal Biology Expert"
|
||||||
description={[
|
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."]}
|
"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>
|
||||||
|
|
||||||
<div id="qa-chat" data-section="qa-chat">
|
<div id="qa-chat" data-section="qa-chat">
|
||||||
<ContactText
|
<ContactSplitForm
|
||||||
background={{
|
title="Biology AI Chat Interface"
|
||||||
variant: "sparkles-gradient"
|
description="Enter your biological query below to receive an instant, expert-backed analysis from our specialized models."
|
||||||
}}
|
inputs={[
|
||||||
useInvertedBackground={false}
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
text="Ask our AI any biology question and receive expert-backed answers instantly."
|
{ name: "topic", type: "text", placeholder: "Biological Topic (e.g., DNA replication)", required: true }
|
||||||
buttons={[{
|
]}
|
||||||
text: "Ask Question"
|
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"
|
||||||
</div>
|
imageAlt="Biology AI Chat"
|
||||||
|
mediaPosition="left"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentyNine
|
<FeatureCardTwentyNine
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
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: "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: "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"
|
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"
|
||||||
description="Our AI is equipped to handle diverse fields within biology."
|
},
|
||||||
/>
|
]}
|
||||||
</div>
|
title="Advanced Biological Insights"
|
||||||
|
description="Our AI is equipped to handle diverse fields within biology."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardOne
|
<MetricCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
gridVariant="bento-grid"
|
||||||
gridVariant="bento-grid"
|
useInvertedBackground={true}
|
||||||
useInvertedBackground={true}
|
metrics={[
|
||||||
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: "1", value: "1.2M", title: "Research Papers", description: "Synthesized daily.", icon: BookOpen,
|
{ id: "3", value: "99%", title: "Accuracy Rate", description: "Verified AI responses.", icon: CheckCircle },
|
||||||
},
|
]}
|
||||||
{
|
title="Our Research Coverage"
|
||||||
id: "2", value: "50K", title: "Active Users", description: "Students & researchers.", icon: Users,
|
description="Powered by vast data points."
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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">
|
<div id="pricing" data-section="pricing">
|
||||||
<PricingCardEight
|
<PricingCardEight
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
useInvertedBackground={false}
|
||||||
useInvertedBackground={false}
|
plans={[
|
||||||
plans={[
|
{
|
||||||
{
|
id: "basic", badge: "Student", price: "$9", subtitle: "Perfect for biology students.", buttons: [{ text: "Get Started" }],
|
||||||
id: "basic", badge: "Student", price: "$9", subtitle: "Perfect for biology students.", buttons: [
|
features: ["Unlimited chats", "Basic analysis", "24/7 Support"],
|
||||||
{
|
},
|
||||||
text: "Get Started"},
|
{
|
||||||
],
|
id: "pro", badge: "Researcher", price: "$29", subtitle: "For serious research.", buttons: [{ text: "Upgrade" }],
|
||||||
features: [
|
features: ["Advanced modeling", "Data export", "Paper citation"],
|
||||||
"Unlimited chats", "Basic analysis", "24/7 Support"],
|
},
|
||||||
},
|
]}
|
||||||
{
|
title="Subscription Plans"
|
||||||
id: "pro", badge: "Researcher", price: "$29", subtitle: "For serious research.", buttons: [
|
description="Choose the level that fits your research needs."
|
||||||
{
|
/>
|
||||||
text: "Upgrade"},
|
</div>
|
||||||
],
|
|
||||||
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">
|
<div id="faq" data-section="faq">
|
||||||
<FaqBase
|
<FaqBase
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "How accurate is Biology.GPT?", content: "Our AI is trained on verified biological research papers and updated daily." },
|
||||||
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: "2", title: "Can it cite sources?", content: "Yes, our pro version provides citations for every claim made."},
|
]}
|
||||||
{
|
title="Common Questions"
|
||||||
id: "3", title: "Is it suitable for researchers?", content: "Absolutely, it covers complex molecular and genetic topics."},
|
description="Need more info?"
|
||||||
]}
|
faqsAnimation="slide-up"
|
||||||
title="Common Questions"
|
/>
|
||||||
description="Need more info?"
|
</div>
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Contact Us"
|
title="Contact Us"
|
||||||
description="Get in touch with the development team."
|
description="Get in touch with the development team."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Your Name", 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"
|
||||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
/>
|
||||||
},
|
</div>
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "About", href: "#about" }, { label: "Privacy", href: "#" }] },
|
||||||
items: [
|
{ items: [{ label: "Twitter", href: "#" }, { label: "GitHub", href: "#" }] },
|
||||||
{
|
]}
|
||||||
label: "About", href: "#about"},
|
logoText="Biology.GPT"
|
||||||
{
|
/>
|
||||||
label: "Privacy", href: "#"},
|
</div>
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Twitter", href: "#"},
|
|
||||||
{
|
|
||||||
label: "GitHub", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="Biology.GPT"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user