Merge version_1 into main #2
@@ -7,7 +7,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -22,71 +22,38 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "/catalog",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Compliance",
|
||||
id: "/compliance",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission"
|
||||
description="Empowering researchers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg?_wi=9"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Peptelix?"
|
||||
description="Precision matters."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{
|
||||
text: "Compliance & Privacy",
|
||||
href: "/compliance",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Peptelix Labs. Research Use Only.",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Catalog", id: "/catalog" }, { name: "About", id: "/about" }, { name: "Compliance", id: "/compliance" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission"
|
||||
description="Empowering researchers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Peptelix?"
|
||||
description="Precision matters."
|
||||
metrics={[]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{ text: "Compliance & Privacy", href: "/compliance" }}
|
||||
rightLink={{ text: "© 2024 Peptelix Labs. Research Use Only.", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,7 +6,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function CompliancePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -21,58 +21,26 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "/catalog",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Compliance",
|
||||
id: "/compliance",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="page"
|
||||
title="Terms of Use"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{
|
||||
text: "Compliance & Privacy",
|
||||
href: "/compliance",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Peptelix Labs. Research Use Only.",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Catalog", id: "/catalog" }, { name: "About", id: "/about" }, { name: "Compliance", id: "/compliance" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="page"
|
||||
title="Terms of Use"
|
||||
sections={[]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{ text: "Compliance & Privacy", href: "/compliance" }}
|
||||
rightLink={{ text: "© 2024 Peptelix Labs. Research Use Only.", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,7 +7,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -22,72 +22,40 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "/catalog",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Compliance",
|
||||
id: "/compliance",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Institutional inquiries only."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg?_wi=10"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Regional Offices"
|
||||
description="Global distribution network."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{
|
||||
text: "Compliance & Privacy",
|
||||
href: "/compliance",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Peptelix Labs. Research Use Only.",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Catalog", id: "/catalog" }, { name: "About", id: "/about" }, { name: "Compliance", id: "/compliance" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Institutional inquiries only."
|
||||
inputs={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Regional Offices"
|
||||
description="Global distribution network."
|
||||
metrics={[]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{ text: "Compliance & Privacy", href: "/compliance" }}
|
||||
rightLink={{ text: "© 2024 Peptelix Labs. Research Use Only.", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,7 +6,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function FaqPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -21,61 +21,29 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "/catalog",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Compliance",
|
||||
id: "/compliance",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Find answers to lab FAQs."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{
|
||||
text: "Compliance & Privacy",
|
||||
href: "/compliance",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Peptelix Labs. Research Use Only.",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Catalog", id: "/catalog" }, { name: "About", id: "/about" }, { name: "Compliance", id: "/compliance" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Find answers to lab FAQs."
|
||||
faqs={[]}
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{ text: "Compliance & Privacy", href: "/compliance" }}
|
||||
rightLink={{ text: "© 2024 Peptelix Labs. Research Use Only.", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -11,8 +11,8 @@ import { Open_Sans } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Peptelix Laboratories | High-Quality Research Materials',
|
||||
description: 'Professional research supplies, peptides, and reference materials. For institutional laboratory research use only.',
|
||||
title: 'Peptelix Laboratories',
|
||||
description: 'High-Quality Research Materials for Laboratory Use',
|
||||
openGraph: {
|
||||
"title": "Peptelix Laboratories",
|
||||
"description": "Professional research materials and reagents.",
|
||||
|
||||
247
src/app/page.tsx
247
src/app/page.tsx
@@ -26,196 +26,75 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "/catalog",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Compliance",
|
||||
id: "/compliance",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Catalog", id: "/catalog" }, { name: "About", id: "/about" }, { name: "Compliance", id: "/compliance" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Peptelix Laboratories"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="High-Quality Research Materials for Laboratory Use"
|
||||
description="Supplied for research applications only. Not for human or veterinary use. Not intended to diagnose, treat, cure, or prevent any disease."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Catalog",
|
||||
href: "/catalog",
|
||||
},
|
||||
{
|
||||
text: "View Compliance",
|
||||
href: "/compliance",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg?_wi=1"
|
||||
imageAlt="Laboratory research environment"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg",
|
||||
alt: "Researcher",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg",
|
||||
alt: "Researcher",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg",
|
||||
alt: "Researcher",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg",
|
||||
alt: "Researcher",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg",
|
||||
alt: "Researcher",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO 9001 Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Purity Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Shipments Worldwide",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Packaging",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Compliance Checked",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="High-Quality Research Materials for Laboratory Use"
|
||||
description="Supplied for research applications only. Not for human or veterinary use. Not intended to diagnose, treat, cure, or prevent any disease."
|
||||
buttons={[{ text: "Browse Catalog", href: "/catalog" }, { text: "View Compliance", href: "/compliance" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg"
|
||||
imageAlt="Laboratory research environment"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg", alt: "Researcher" }, { src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg", alt: "Researcher" }, { src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg", alt: "Researcher" }, { src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg", alt: "Researcher" }, { src: "http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg", alt: "Researcher" }]}
|
||||
marqueeItems={[{ type: "text", text: "ISO 9001 Certified" }, { type: "text", text: "High Purity Guaranteed" }, { type: "text", text: "Shipments Worldwide" }, { type: "text", text: "Secure Packaging" }, { type: "text", text: "Compliance Checked" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Lab Standards Excellence"
|
||||
description="We uphold the highest levels of scientific integrity and supply standards."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Purity Rate",
|
||||
description: "Verified by LC-MS",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Reagents",
|
||||
description: "Available in stock",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Institutional help",
|
||||
icon: Headphones,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Lab Standards Excellence"
|
||||
description="We uphold the highest levels of scientific integrity and supply standards."
|
||||
metrics={[{ id: "m1", value: "99.9%", title: "Purity Rate", description: "Verified by LC-MS", icon: CheckCircle }, { id: "m2", value: "500+", title: "Reagents", description: "Available in stock", icon: Star }, { id: "m3", value: "24/7", title: "Support", description: "Institutional help", icon: Headphones }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Research Commitment"
|
||||
description="At Peptelix, we provide the foundational materials required for tomorrow's breakthroughs in biotechnology."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg?_wi=2"
|
||||
imageAlt="Lab facility"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Research Commitment"
|
||||
description="At Peptelix, we provide the foundational materials required for tomorrow's breakthroughs in biotechnology."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-looking-through-microscope_259150-60340.jpg"
|
||||
imageAlt="Lab facility"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Safety & Compliance Protocols"
|
||||
sections={[
|
||||
{
|
||||
heading: "Regulatory Adherence",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "All operations strictly adhere to international biosafety standards.",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Safety & Compliance Protocols"
|
||||
sections={[{ heading: "Regulatory Adherence", content: { type: "paragraph", text: "All operations strictly adhere to international biosafety standards." } }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="compliance-banner" data-section="compliance-banner">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="FOR RESEARCH USE ONLY"
|
||||
title="Compliance Notice"
|
||||
description="These products are not intended for human consumption. Use is restricted to professional institutional research settings under legal compliance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Compliance Policy",
|
||||
href: "/compliance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="compliance-banner" data-section="compliance-banner">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="FOR RESEARCH USE ONLY"
|
||||
title="Compliance Notice"
|
||||
description="These products are not intended for human consumption. Use is restricted to professional institutional research settings under legal compliance."
|
||||
buttons={[{ text: "Read Compliance Policy", href: "/compliance" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{
|
||||
text: "Compliance & Privacy",
|
||||
href: "/compliance",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Peptelix Labs. Research Use Only.",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peptelix Laboratories"
|
||||
leftLink={{ text: "Compliance & Privacy", href: "/compliance" }}
|
||||
rightLink={{ text: "© 2024 Peptelix Labs. Research Use Only.", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user