541 lines
19 KiB
TypeScript
541 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Code, Droplet, Truck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "#products",
|
|
},
|
|
{
|
|
name: "Metrics",
|
|
id: "#metrics",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "#pricing",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
]}
|
|
brandName="Legacy Labs"
|
|
button={{
|
|
text: "Create Account to Shop",
|
|
href: "#",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlay
|
|
title="Precision Peptides, Engineered for Discovery"
|
|
description="Advanced peptide synthesis and purification for research, therapeutics, and biotech innovation. Trusted by leading laboratories worldwide."
|
|
buttons={[
|
|
{
|
|
text: "Create Account to Shop",
|
|
href: "#",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-drop-oil-buttons_23-2148227026.jpg?_wi=1"
|
|
imageAlt="Dynamic high-tech chemistry lab with glowing reactions"
|
|
showDimOverlay={true}
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-dentist-white-coat_1098-21354.jpg",
|
|
alt: "Female research scientist smiling",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
|
alt: "Male biotech professional focused",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
|
|
alt: "Female clinic owner with a kind smile",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-happy-financial-advisor-office-ready-meet-with-clients_482257-113530.jpg",
|
|
alt: "Male venture capitalist with a sharp look",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148970021.jpg",
|
|
alt: "Smiling female researcher in the laboratory",
|
|
},
|
|
]}
|
|
avatarText="Join our network of 500+ researchers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Empowering Scientific Breakthroughs"
|
|
description="Legacy Labs is dedicated to delivering research-grade peptides with unparalleled purity and consistency. Our commitment to rigorous quality control and innovative synthesis techniques ensures that every peptide accelerates your research with confidence."
|
|
metrics={[
|
|
{
|
|
value: "99.9%",
|
|
title: "Guaranteed Purity",
|
|
},
|
|
{
|
|
value: "100+",
|
|
title: "Successful Syntheses",
|
|
},
|
|
{
|
|
value: "50+",
|
|
title: "Global Labs Served",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/scientists-work-closely-with-microscope-laboratory-by-conducting-experiments-analyzes_146671-18303.jpg?_wi=1"
|
|
imageAlt="Scientists collaborating in a modern lab"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Advanced Synthesis Platforms",
|
|
description: "Utilizing state-of-the-art solid-phase and solution-phase synthesis for complex peptide structures with high yields.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-bottle_23-2150995291.jpg",
|
|
imageAlt: "Abstract visualization of peptide synthesis process",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-soft-drinks-glasses_23-2148691231.jpg",
|
|
imageAlt: "HPLC chromatogram for peptide purity",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-drop-oil-buttons_23-2148227026.jpg?_wi=2",
|
|
imageAlt: "solid phase peptide synthesis diagram",
|
|
},
|
|
{
|
|
title: "Rigorous Purification & Analysis",
|
|
description: "Multi-stage HPLC purification and mass spectrometry ensure exceptional purity, verified by independent third-party labs.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/red-blue-background-textured-with-bubble_23-2147876050.jpg",
|
|
imageAlt: "HPLC chromatogram for peptide purity analysis",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-abstract-golden-bubbles_23-2148364507.jpg",
|
|
imageAlt: "Abstract representation of molecular purification",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/scientists-work-closely-with-microscope-laboratory-by-conducting-experiments-analyzes_146671-18303.jpg?_wi=2",
|
|
imageAlt: "solid phase peptide synthesis diagram",
|
|
},
|
|
{
|
|
title: "Comprehensive Documentation",
|
|
description: "Every peptide comes with detailed Certificates of Analysis (CoA), MSDS, and batch-specific data for full transparency.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-chromatin-structure-inside-cell-nucleus_183364-124045.jpg",
|
|
imageAlt: "Abstract image representing data documentation",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/assortment-transparent-chess-pieces_23-2148198815.jpg",
|
|
imageAlt: "Digital display of scientific documentation",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744714.jpg?_wi=1",
|
|
imageAlt: "solid phase peptide synthesis diagram",
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Unrivaled Quality & Innovation"
|
|
description="Our proprietary synthesis methods and stringent quality checks define the new standard for peptide excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
brand: "Legacy Labs",
|
|
name: "Custom Peptide Synthesis",
|
|
price: "Quote",
|
|
rating: 5,
|
|
reviewCount: "50+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744714.jpg?_wi=2",
|
|
imageAlt: "Custom peptide synthesis vial",
|
|
},
|
|
{
|
|
id: "p2",
|
|
brand: "Legacy Labs",
|
|
name: "Standard Catalog Peptides",
|
|
price: "From $50",
|
|
rating: 4,
|
|
reviewCount: "200+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/injection-glass-vials-with-blank-white-label_53876-98309.jpg",
|
|
imageAlt: "Standard catalog peptide vial",
|
|
},
|
|
{
|
|
id: "p3",
|
|
brand: "Legacy Labs",
|
|
name: "Therapeutic Peptides",
|
|
price: "Quote",
|
|
rating: 5,
|
|
reviewCount: "30+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-with-blue-liquid_1112-1349.jpg",
|
|
imageAlt: "Therapeutic peptide vials",
|
|
},
|
|
{
|
|
id: "p4",
|
|
brand: "Legacy Labs",
|
|
name: "Cosmetic Peptides",
|
|
price: "From $80",
|
|
rating: 4,
|
|
reviewCount: "10+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vaccine-bottle-test-tubes-desk-laboratory_23-2148816403.jpg",
|
|
imageAlt: "Cosmetic peptide vial",
|
|
},
|
|
{
|
|
id: "p5",
|
|
brand: "Legacy Labs",
|
|
name: "Diagnostic Peptides",
|
|
price: "Quote",
|
|
rating: 5,
|
|
reviewCount: "25+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-healthcare-expert-analyzing-coronavirus-sample-while-working-laboratory_637285-4705.jpg",
|
|
imageAlt: "Diagnostic peptide handling",
|
|
},
|
|
{
|
|
id: "p6",
|
|
brand: "Legacy Labs",
|
|
name: "Peptide Libraries",
|
|
price: "Quote",
|
|
rating: 4,
|
|
reviewCount: "15+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-laboratory-equipment-neon-lights_23-2151807435.jpg",
|
|
imageAlt: "Peptide library with molecular structure",
|
|
},
|
|
]}
|
|
title="Explore Our Research-Grade Peptides"
|
|
description="A comprehensive catalog of high-purity peptides, tailored for diverse research applications, from fundamental biology to drug discovery."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "99.9%",
|
|
description: "Minimum Purity Guaranteed on all Research Peptides",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "24/7",
|
|
description: "Expert Scientific Support & Consultation Available",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "1000+",
|
|
description: "Research Publications Enabled by Our Peptides",
|
|
},
|
|
{
|
|
id: "m4",
|
|
value: "50+",
|
|
description: "Global Academic & Pharmaceutical Partnerships",
|
|
},
|
|
]}
|
|
title="Our Commitment to Excellence in Numbers"
|
|
description="Transparency and precision are the cornerstones of Legacy Labs. We quantify our dedication to quality and scientific advancement."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"BioGen Innovations",
|
|
"Quantum Therapeutics",
|
|
"SynthCore Labs",
|
|
"Academia Pharma",
|
|
"Vanguard BioTech",
|
|
"CellStream Innovations",
|
|
"Global Research Alliance",
|
|
]}
|
|
title="Trusted by Leading Institutions Worldwide"
|
|
description="Our high-purity peptides are the choice of top universities, pharmaceutical companies, and biotech innovators across the globe."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="Legacy Labs consistently provides the highest purity peptides for our cutting-edge research. Their meticulous quality control and timely delivery are unmatched, making them an indispensable partner in our scientific endeavors."
|
|
rating={5}
|
|
author="Dr. Evelyn Reed, Lead Scientist at BioGen Innovations"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/laboratory-worker-analyzing-blood-sample-glass_482257-7732.jpg",
|
|
alt: "Dr. Evelyn Reed",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148969947.jpg",
|
|
alt: "Dr. Michael Chen",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67149.jpg",
|
|
alt: "Dr. Emily Rodriguez",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/purposeful-man-deep-thoughts-resting-pier_1262-6199.jpg",
|
|
alt: "Mr. David Kim",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-female-scientist-laboratory_23-2148816372.jpg",
|
|
alt: "Professional medical development scientist in laboratory",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "plan-1",
|
|
tag: "Standard Research",
|
|
tagIcon: Droplet,
|
|
price: "$XXX",
|
|
period: "per Peptide",
|
|
description: "Ideal for academic research and small-scale experiments requiring high purity.",
|
|
button: {
|
|
text: "Get Started",
|
|
},
|
|
featuresTitle: "Key Features:",
|
|
features: [
|
|
"98%+ Purity Peptides",
|
|
"Standard Delivery (5-7 days)",
|
|
"Basic CoA Documentation",
|
|
"Online Support",
|
|
],
|
|
},
|
|
{
|
|
id: "plan-2",
|
|
tag: "Bulk & Commercial",
|
|
tagIcon: Truck,
|
|
price: "Custom Quote",
|
|
period: "for Bulk",
|
|
description: "Designed for pharmaceutical development and large-volume industrial applications.",
|
|
button: {
|
|
text: "Request Quote",
|
|
},
|
|
featuresTitle: "Key Features:",
|
|
features: [
|
|
"99%+ Purity Peptides",
|
|
"Expedited Bulk Delivery",
|
|
"Full Regulatory Documentation (CoA, MSDS)",
|
|
"Dedicated Account Manager",
|
|
"Custom Synthesis Options",
|
|
],
|
|
},
|
|
{
|
|
id: "plan-3",
|
|
tag: "Advanced Therapeutics",
|
|
tagIcon: Code,
|
|
price: "Consultation",
|
|
period: "per Project",
|
|
description: "Tailored solutions for complex therapeutic peptide research and clinical trials.",
|
|
button: {
|
|
text: "Consult an Expert",
|
|
},
|
|
featuresTitle: "Key Features:",
|
|
features: [
|
|
"Ultra-High Purity (99.9%+)",
|
|
"cGMP Compliant Production",
|
|
"Advanced Analytics & Validation",
|
|
"Project Management Support",
|
|
"Long-Term Partnership",
|
|
],
|
|
},
|
|
]}
|
|
title="Flexible Pricing for Every Scale of Discovery"
|
|
description="From individual research projects to large-scale therapeutic development, our transparent pricing adapts to your specific needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1",
|
|
title: "What purity levels can I expect from Legacy Labs peptides?",
|
|
content: "Legacy Labs guarantees a minimum purity of 98% for all research-grade peptides, with many achieving 99%+ through multi-stage HPLC purification. Custom synthesis projects can achieve even higher purity levels as per client specifications.",
|
|
},
|
|
{
|
|
id: "faq2",
|
|
title: "How do you ensure the quality and authenticity of your peptides?",
|
|
content: "Our peptides undergo rigorous quality control, including analytical HPLC, mass spectrometry, and amino acid analysis. We also provide comprehensive Certificates of Analysis (CoA) and adhere to strict international standards for every batch.",
|
|
},
|
|
{
|
|
id: "faq3",
|
|
title: "What documentation is provided with my peptide order?",
|
|
content: "Each order includes a detailed Certificate of Analysis (CoA) and a Material Safety Data Sheet (MSDS). For bulk and cGMP projects, additional regulatory documentation is available upon request.",
|
|
},
|
|
{
|
|
id: "faq4",
|
|
title: "Can I request custom peptide synthesis services?",
|
|
content: "Yes, Legacy Labs specializes in custom peptide synthesis. Our team of expert chemists can synthesize peptides with unique modifications, sequences, and scales. Please contact our sales team for a personalized consultation and quote.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/data-center-computer-scientist-analyzing-software-logs-metrics-pc_482257-126209.jpg"
|
|
imageAlt="Scientist analyzing complex data visualizations"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common inquiries about our peptide synthesis, purification processes, ordering, and technical support."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Legacy Labs"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Investors",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Products & Services",
|
|
items: [
|
|
{
|
|
label: "Research Peptides",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "Custom Synthesis",
|
|
href: "#pricing",
|
|
},
|
|
{
|
|
label: "Bulk Orders",
|
|
href: "#pricing",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{
|
|
label: "Blog",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "FAQs",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Documentation",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Contact Us",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Order Status",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Technical Support",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Legacy Labs. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|