Merge version_1 into main #2
387
src/app/page.tsx
387
src/app/page.tsx
@@ -14,283 +14,134 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Research",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BioRes Lab"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Research", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BioRes Lab"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Advancing Biological Discoveries"
|
||||
description="Leading the frontier of biological research through innovative data science, robust experimental methodologies, and collaborative academic discovery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Research",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-scientist-analyzing-liquid-sample-microscope-tray-laboratory-research-dna-genetic-lab-worker-with-safety-glasses-using-optical-glass-tool-scientific-development_482257-37316.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Advancing Biological Discoveries"
|
||||
description="Leading the frontier of biological research through innovative data science, robust experimental methodologies, and collaborative academic discovery."
|
||||
buttons={[
|
||||
{ text: "Our Research", href: "#about" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-scientist-analyzing-liquid-sample-microscope-tray-laboratory-research-dna-genetic-lab-worker-with-safety-glasses-using-optical-glass-tool-scientific-development_482257-37316.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission in ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-medical-background-with-dna-strands_1048-6032.jpg",
|
||||
alt: "DNA Structure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Modern Science",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Mission in " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-render-medical-background-with-dna-strands_1048-6032.jpg", alt: "DNA Structure" },
|
||||
{ type: "text", content: " Modern Science" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Genomic Sequencing",
|
||||
description: "High-throughput genomic processing and advanced bioinformatic analysis.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-nurse-training-reviews-anatomy-case-files_482257-117755.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-lab-worker-analyzing-blood-serum-conducting-virus-test-modern-equipped-lab-late-night-team-specialists-examining-vaccine-evolution-using-high-tech-treatment-against-covid19_482257-13621.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-scientist-analyzing-liquid-sample-microscope-tray-laboratory-research-dna-genetic-lab-worker-with-safety-glasses-using-optical-glass-tool-scientific-development_482257-37316.jpg?_wi=2",
|
||||
imageAlt: "digital biology data visualization",
|
||||
},
|
||||
{
|
||||
title: "Molecular Studies",
|
||||
description: "Precision instrumentation for molecular interactions and kinetic modeling.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-biological-applied-science-laboratory-with-technological-microscopes-glass-test-tubes-micropipettes-desktop-computers-displays-pc-s-are-running-sophisticated-dna-calculations_482257-12802.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-medical-background-with-dna-strands_1048-6032.jpg",
|
||||
imageAlt: "digital biology data visualization",
|
||||
},
|
||||
{
|
||||
title: "Data Informatics",
|
||||
description: "Integrated cloud-based informatics platform for collaborative big data study.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-scientist-man-looking-camera-sitting-modern-equipped-laboratory-scientist-doctor-examining-virus-evolution-using-high-tech-typing-computer-chemistry-tools-scientific-research_482257-12807.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-scientific-laboratory-with-research-instruments_482257-19303.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-biologist-woman-analyzing-genetically-modified-organism_482257-21597.jpg?_wi=1",
|
||||
imageAlt: "digital biology data visualization",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Research Capabilities"
|
||||
description="We leverage state-of-the-art tools and analytical methodologies to drive our research agenda forward."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Genomic Sequencing", description: "High-throughput genomic processing and advanced bioinformatic analysis.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-nurse-training-reviews-anatomy-case-files_482257-117755.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medical-lab-worker-analyzing-blood-serum-conducting-virus-test-modern-equipped-lab-late-night-team-specialists-examining-vaccine-evolution-using-high-tech-treatment-against-covid19_482257-13621.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Molecular Studies", description: "Precision instrumentation for molecular interactions and kinetic modeling.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-biological-applied-science-laboratory-with-technological-microscopes-glass-test-tubes-micropipettes-desktop-computers-displays-pc-s-are-running-sophisticated-dna-calculations_482257-12802.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Data Informatics", description: "Integrated cloud-based informatics platform for collaborative big data study.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-scientist-man-looking-camera-sitting-modern-equipped-laboratory-scientist-doctor-examining-virus-evolution-using-high-tech-typing-computer-chemistry-tools-scientific-research_482257-12807.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/nobody-scientific-laboratory-with-research-instruments_482257-19303.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Research Capabilities"
|
||||
description="We leverage state-of-the-art tools and analytical methodologies to drive our research agenda forward."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Published Papers",
|
||||
description: "High impact peer-reviewed articles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-boardroom-space-with-multiple-workstations-having-computers_482257-89697.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45+",
|
||||
title: "Lab Partnerships",
|
||||
description: "Global collaborative research initiatives.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-researchers-laboratory-checking-plant-writing-clipboard_23-2148776174.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Patent Applications",
|
||||
description: "Innovations in biotech instrumentation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg",
|
||||
},
|
||||
]}
|
||||
title="Research Impact"
|
||||
description="Our work contributes to the advancement of biological science through peer-reviewed results."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", title: "Published Papers", description: "High impact peer-reviewed articles.", imageSrc: "http://img.b2bpic.net/free-photo/empty-boardroom-space-with-multiple-workstations-having-computers_482257-89697.jpg" },
|
||||
{ id: "m2", value: "45+", title: "Lab Partnerships", description: "Global collaborative research initiatives.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-researchers-laboratory-checking-plant-writing-clipboard_23-2148776174.jpg" },
|
||||
{ id: "m3", value: "12", title: "Patent Applications", description: "Innovations in biotech instrumentation.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg" },
|
||||
]}
|
||||
title="Research Impact"
|
||||
description="Our work contributes to the advancement of biological science through peer-reviewed results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Sarah Jensen",
|
||||
role: "Lead Researcher",
|
||||
company: "BioTech Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-biologist-woman-analyzing-genetically-modified-organism_482257-21597.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Head of Bio-Analytics",
|
||||
company: "Global Science",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-glasses_23-2149434895.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Senior Biologist",
|
||||
company: "Research Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-winking-yellow-background-health-medic-covid-pandemic_179666-11714.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Chief Scientist",
|
||||
company: "Innovate Bio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-chemist-woman-white-coat-working-pharmaceutical-laboratory_482257-4514.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dr. Alice Wong",
|
||||
role: "Principal Investigator",
|
||||
company: "Genetic Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-scientist-holding-vial_23-2148969950.jpg",
|
||||
},
|
||||
]}
|
||||
title="Academic Collaborations"
|
||||
description="Recognized by leading figures in the biological community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Dr. Sarah Jensen", role: "Lead Researcher", company: "BioTech Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-biologist-woman-analyzing-genetically-modified-organism_482257-21597.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Head of Bio-Analytics", company: "Global Science", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-glasses_23-2149434895.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Senior Biologist", company: "Research Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-winking-yellow-background-health-medic-covid-pandemic_179666-11714.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Chief Scientist", company: "Innovate Bio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-chemist-woman-white-coat-working-pharmaceutical-laboratory_482257-4514.jpg" },
|
||||
{ id: "5", name: "Dr. Alice Wong", role: "Principal Investigator", company: "Genetic Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-scientist-holding-vial_23-2148969950.jpg" },
|
||||
]}
|
||||
title="Academic Collaborations"
|
||||
description="Recognized by leading figures in the biological community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Join our research community or partner with our laboratory for innovative biological studies."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Lab",
|
||||
href: "mailto:lab@bioresearch.edu",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Join our research community or partner with our laboratory for innovative biological studies."
|
||||
buttons={[{ text: "Contact Our Lab", href: "mailto:lab@bioresearch.edu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="BioRes Lab"
|
||||
columns={[
|
||||
{
|
||||
title: "Research",
|
||||
items: [
|
||||
{
|
||||
label: "Sequencing",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Informatics",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Academic",
|
||||
items: [
|
||||
{
|
||||
label: "Publications",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="BioRes Lab"
|
||||
columns={[
|
||||
{ title: "Research", items: [{ label: "Sequencing", href: "#features" }, { label: "Informatics", href: "#features" }] },
|
||||
{ title: "Academic", items: [{ label: "Publications", href: "#" }, { label: "Partners", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user