Merge version_3 into main #4
151
src/app/page.tsx
151
src/app/page.tsx
@@ -11,8 +11,8 @@ 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";
|
||||
import ContactSplitFormSection from '@/components/sections/contact/ContactSplitForm';
|
||||
import { BookOpen, CheckCircle, Users, MessageSquareText } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,14 +32,11 @@ 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: "Chat", id: "#qa-chat" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Biology.GPT"
|
||||
/>
|
||||
@@ -47,38 +44,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 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"},
|
||||
{ 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>
|
||||
@@ -88,20 +71,24 @@ export default function LandingPage() {
|
||||
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."]}
|
||||
"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"
|
||||
}]}
|
||||
<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>
|
||||
|
||||
@@ -113,11 +100,14 @@ export default function LandingPage() {
|
||||
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: "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: "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."
|
||||
@@ -131,15 +121,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."
|
||||
@@ -153,20 +137,12 @@ export default function LandingPage() {
|
||||
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: "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: "pro", badge: "Researcher", price: "$29", subtitle: "For serious research.", buttons: [{ text: "Upgrade" }],
|
||||
features: ["Advanced modeling", "Data export", "Paper citation"],
|
||||
},
|
||||
]}
|
||||
title="Subscription Plans"
|
||||
@@ -179,12 +155,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?"
|
||||
@@ -198,12 +171,8 @@ export default function LandingPage() {
|
||||
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"
|
||||
/>
|
||||
@@ -212,22 +181,8 @@ 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: "Twitter", href: "#" }, { label: "GitHub", href: "#" }] },
|
||||
]}
|
||||
logoText="Biology.GPT"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user