Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7f4debd398 | |||
| a687f1015e |
320
src/app/page.tsx
320
src/app/page.tsx
@@ -2,243 +2,117 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { BrainCircuit, FileText } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "DFT Basics",
|
||||
id: "dft",
|
||||
},
|
||||
{
|
||||
name: "Research",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="MoS2 Research"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Overview", id: "hero" },
|
||||
{ name: "Framework", id: "dft" },
|
||||
{ name: "Findings", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="MoS2 Research Portal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="MoS2 & Sr2FeMoO6"
|
||||
description="Exploration of electronic properties in doped monolayer MoS2 systems using cutting-edge Density Functional Theory frameworks."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Research",
|
||||
href: "#dft",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-colorful-geometric-forms_23-2148830196.jpg"
|
||||
imageAlt="MoS2 Crystal Structure"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Electronic Properties of Monolayer MoS2"
|
||||
description="Advanced DFT-based computational study investigating the impact of dopants on the electronic structure of monolayer transition metal dichalcogenides."
|
||||
tag="Scientific Research"
|
||||
tagIcon={BrainCircuit}
|
||||
rating={5}
|
||||
ratingText="Published peer-reviewed dataset"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-colorful-geometric-forms_23-2148830196.jpg", imageAlt: "Crystal structure" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/wireframe-terrain_1048-11813.jpg", imageAlt: "DFT simulation output" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dft" data-section="dft">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Foundations",
|
||||
title: "Hohenberg-Kohn Theorems",
|
||||
items: [
|
||||
"Existence of universal density functional",
|
||||
"Energy minimization proof",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Approximation",
|
||||
title: "Kohn-Sham Equations",
|
||||
items: [
|
||||
"Non-interacting particles mapping",
|
||||
"Effective potential calculation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Computation",
|
||||
title: "Numerical Strategy",
|
||||
items: [
|
||||
"Pseudopotential implementation",
|
||||
"Exchange-correlation functionals",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Theoretical Framework"
|
||||
description="Understanding the fundamental principles of quantum systems within our DFT simulations."
|
||||
/>
|
||||
</div>
|
||||
<div id="dft" data-section="dft">
|
||||
<FeatureCardTwentyNine
|
||||
title="Theoretical Framework"
|
||||
description="Our analysis utilizes Density Functional Theory to map complex quantum phenomena into solvable models."
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Kohn-Sham Equations", description: "Simplifying many-body interactions into non-interacting particles.", imageSrc: "https://img.b2bpic.net/free-photo/abstract-blue-geometric-shapes_1150-10904.jpg", titleIconSrc: "", buttonText: "Learn More"
|
||||
},
|
||||
{
|
||||
title: "Exchange-Correlation", description: "Addressing functional approximations for electron density correlation.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-technology-circuit_23-2149187310.jpg", titleIconSrc: "", buttonText: "Learn More"
|
||||
},
|
||||
{
|
||||
title: "Simulation Stability", description: "Iterative convergence strategies for reliable bandgap estimation.", imageSrc: "https://img.b2bpic.net/free-photo/low-poly-style-background_23-2148830196.jpg", titleIconSrc: "", buttonText: "Learn More"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.25 eV",
|
||||
title: "Band Gap Narrowing",
|
||||
items: [
|
||||
"Significant decrease",
|
||||
"Doping influence",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.2%",
|
||||
title: "Simulation Accuracy",
|
||||
items: [
|
||||
"Pseudopotential fit",
|
||||
"Numerical stability",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "48 hrs",
|
||||
title: "Computational Time",
|
||||
items: [
|
||||
"Optimized kernels",
|
||||
"Scalable clusters",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Key Parameters & Findings"
|
||||
description="Core metrics extracted from thesis-grade DFT simulation data."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Research Findings"
|
||||
description="Extracted parameters from high-performance computation cluster runs."
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "1.25eV", description: "Calculated band gap for monolayer MoS2 system" },
|
||||
{ id: "2", value: "99.8%", description: "Simulation convergence fidelity during optimization" },
|
||||
{ id: "3", value: "48hr", description: "Compute time per iteration using optimized kernels" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Access Research Tiers"
|
||||
description="Select the level of depth required for your academic or industrial inquiry."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Lite",
|
||||
price: "$0",
|
||||
subtitle: "Basic insights",
|
||||
features: [
|
||||
"Access to abstract",
|
||||
"Summary PDF",
|
||||
"Methodology overview",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$29",
|
||||
subtitle: "Advanced simulation data",
|
||||
features: [
|
||||
"Full technical whitepaper",
|
||||
"Raw DFT data access",
|
||||
"Methodology walkthrough",
|
||||
"Direct Q&A session",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Inquiries"
|
||||
tagIcon={FileText}
|
||||
title="Inquire About Data"
|
||||
description="Interested in our DFT methodologies or raw dataset? Please submit an institutional request."
|
||||
buttons={[{ text: "Request Access" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Discuss Research"
|
||||
description="Request detailed whitepapers or discuss the integration of Sr2FeMoO6 with monolayer MoS2."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Institutional Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your research inquiry...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wireframe-terrain_1048-11813.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "DFT Documentation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Thesis Archive",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Lab",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="MoS2 Labs"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="MoS2 DFT Lab"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/abstract-dark-background_1150-10904.jpg"
|
||||
columns={[
|
||||
{ title: "Lab", items: [{ label: "Publications", href: "#" }, { label: "Team", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user