Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -32,94 +32,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Solutions", id: "#features" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Results", id: "#testimonials" },
|
||||
{ name: "Support", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="VitalPeptide"
|
||||
button={{
|
||||
text: "Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Consultation", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Optimizing Vitality through Advanced Peptide Science"
|
||||
description="Unlock your potential with our medical-grade peptide therapies designed for precision health, faster recovery, and peak physical performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Solutions",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Solutions", href: "#features"},
|
||||
{
|
||||
text: "Shop Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Products", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-medical-background-with-dna-strands-code_1048-8637.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-medical-background-with-dna-strands-code_1048-8637.jpg"
|
||||
imageAlt="peptide laboratory sterile vial"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chemist-dressed-protection-suit-coronavirus-holding-tablet-pc-laboratory-team-scientists-conducting-vaccine-development-using-high-tech-technology-researching-treatment-against-covid_482257-8862.jpg",
|
||||
alt: "Chemist dressed in protection suit for coronavirus holding tablet pc in laboratory",
|
||||
},
|
||||
{
|
||||
src: "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",
|
||||
alt: "Portrait of scientist man looking at camera sitting in modern equipped laboratory",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/microbiology-specialist-using-vr-glasses-laboratory-work-science-experiment-development-scientist-working-with-virtual-reality-headset-research-lab-futuristic-presentation_482257-35427.jpg",
|
||||
alt: "Microbiology specialist using vr glasses in laboratory",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111239.jpg",
|
||||
alt: "Doctor from the future concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scientists-wear-masks-gloves-carrying-beakers-with-vaccines_1150-20795.jpg",
|
||||
alt: "Scientists wear masks and gloves",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/chemist-dressed-protection-suit-coronavirus-holding-tablet-pc-laboratory-team-scientists-conducting-vaccine-development-using-high-tech-technology-researching-treatment-against-covid_482257-8862.jpg", alt: "Chemist dressed in protection suit for coronavirus holding tablet pc in laboratory" },
|
||||
{ src: "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", alt: "Portrait of scientist man looking at camera sitting in modern equipped laboratory" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/microbiology-specialist-using-vr-glasses-laboratory-work-science-experiment-development-scientist-working-with-virtual-reality-headset-research-lab-futuristic-presentation_482257-35427.jpg", alt: "Microbiology specialist using vr glasses in laboratory" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111239.jpg", alt: "Doctor from the future concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/scientists-wear-masks-gloves-carrying-beakers-with-vaccines_1150-20795.jpg", alt: "Scientists wear masks and gloves" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Biotech Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clinical Precision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Recovery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Optimized Health",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Peptides",
|
||||
},
|
||||
{ type: "text", text: "Biotech Innovation" },
|
||||
{ type: "text", text: "Clinical Precision" },
|
||||
{ type: "text", text: "Rapid Recovery" },
|
||||
{ type: "text", text: "Optimized Health" },
|
||||
{ type: "text", text: "Advanced Peptides" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,14 +81,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Future of Regenerative Science",
|
||||
},
|
||||
type: "text", content: "The Future of Regenerative Science"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg",
|
||||
alt: "modern medical lab red",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg", alt: "modern medical lab red"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,42 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "BPC-157 Complex",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-with-green-background_23-2149249583.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "TB-500 Recovery",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-s-tools-with-business-card_23-2147652369.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "CJC-1295 Optimizer",
|
||||
price: "$160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-body-care-concept-almonds-almond-oil_185193-164073.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ipamorelin Support",
|
||||
price: "$135",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-syringe-ampoules-marble-background-high-quality-photo_114579-68063.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Peptide Stack A",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-doctor-holding-pill-bottle-with-both-hands-white_176474-2897.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "NMN Revive",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-science-banner-with-glass-containers_23-2149495072.jpg",
|
||||
},
|
||||
{ id: "p1", name: "BPC-157 Complex", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-with-green-background_23-2149249583.jpg" },
|
||||
{ id: "p2", name: "TB-500 Recovery", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/doctor-s-tools-with-business-card_23-2147652369.jpg" },
|
||||
{ id: "p3", name: "CJC-1295 Optimizer", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-body-care-concept-almonds-almond-oil_185193-164073.jpg" },
|
||||
{ id: "p4", name: "Ipamorelin Support", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/empty-syringe-ampoules-marble-background-high-quality-photo_114579-68063.jpg" },
|
||||
{ id: "p5", name: "Peptide Stack A", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/top-view-doctor-holding-pill-bottle-with-both-hands-white_176474-2897.jpg" },
|
||||
{ id: "p6", name: "NMN Revive", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-science-banner-with-glass-containers_23-2149495072.jpg" }
|
||||
]}
|
||||
title="Clinical Peptide Solutions"
|
||||
description="Premium-grade formulations for targeted optimization."
|
||||
@@ -196,51 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Molecular Precision",
|
||||
description: "Targeted delivery systems for maximum bio-availability.",
|
||||
icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182535.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-lip-balm-arrangement-with-bright-sky_23-2149681509.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-medical-background-with-dna-strands-code_1048-8637.jpg?_wi=2",
|
||||
imageAlt: "molecular structure dark science",
|
||||
},
|
||||
{
|
||||
title: "Data-Driven Recovery",
|
||||
description: "Proven protocols backed by rigorous clinical data.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceo-leading-corporate-briefing-meeting-present-monthly-statistics_482257-100514.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-woman-fitness-instructor_1385-203.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg",
|
||||
imageAlt: "molecular structure dark science",
|
||||
},
|
||||
{
|
||||
title: "Peak Human Performance",
|
||||
description: "Enhance your natural vitality and recovery times.",
|
||||
icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-plexus-design_1048-16168.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-with-green-background_23-2149249583.jpg?_wi=2",
|
||||
imageAlt: "molecular structure dark science",
|
||||
},
|
||||
{ title: "Molecular Precision", description: "Targeted delivery systems for maximum bio-availability.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182535.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-lip-balm-arrangement-with-bright-sky_23-2149681509.jpg" }] },
|
||||
{ title: "Data-Driven Recovery", description: "Proven protocols backed by rigorous clinical data.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/ceo-leading-corporate-briefing-meeting-present-monthly-statistics_482257-100514.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/red-woman-fitness-instructor_1385-203.jpg" }] },
|
||||
{ title: "Peak Human Performance", description: "Enhance your natural vitality and recovery times.", icon: Award, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-plexus-design_1048-16168.jpg" }] }
|
||||
]}
|
||||
title="Why Choose VitalPeptide?"
|
||||
description="Engineered for excellence in human optimization."
|
||||
@@ -251,29 +126,12 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="depth-3d"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Recovery Rate",
|
||||
description: "Improved outcomes in clinical tracking.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15k+",
|
||||
title: "Clients Served",
|
||||
description: "Trusted by experts in the industry.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Formulations",
|
||||
description: "Unique research-backed peptides.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Recovery Rate", description: "Improved outcomes in clinical tracking.", icon: CheckCircle },
|
||||
{ id: "m2", value: "15k+", title: "Clients Served", description: "Trusted by experts in the industry.", icon: Users },
|
||||
{ id: "m3", value: "50+", title: "Formulations", description: "Unique research-backed peptides.", icon: Star }
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Tangible results for thousands of satisfied wellness seekers."
|
||||
@@ -285,46 +143,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible recovery!",
|
||||
quote: "My recovery time was cut in half after starting the protocols.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Pro Athlete",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-senior-man-with-arms-crossed_1262-1736.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Life-changing.",
|
||||
quote: "I've never felt this level of energy and focus in years.",
|
||||
name: "Michael Chen",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-55.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Pure efficiency.",
|
||||
quote: "The science-backed approach is truly superior to anything else.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Trainer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-sport-water-activities-concept-fit-beautiful-girl-enjoys-summer-holidays-uses-zinc-face-protection_273609-17738.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Simply vital.",
|
||||
quote: "Optimized health is no longer a dream; it's my reality.",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-posing-her-home_273609-20711.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Unmatched service.",
|
||||
quote: "Quality and expertise you can actually trust.",
|
||||
name: "Robert Miller",
|
||||
role: "Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-stylish-asian-senior-woman-sunglasses-trendy-outfit-showing-thumbup-appro_1258-159453.jpg",
|
||||
},
|
||||
{ id: "1", title: "Incredible recovery!", quote: "My recovery time was cut in half after starting the protocols.", name: "Sarah Johnson", role: "Pro Athlete", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-senior-man-with-arms-crossed_1262-1736.jpg" },
|
||||
{ id: "2", title: "Life-changing.", quote: "I've never felt this level of energy and focus in years.", name: "Michael Chen", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-55.jpg" },
|
||||
{ id: "3", title: "Pure efficiency.", quote: "The science-backed approach is truly superior to anything else.", name: "Emily Rodriguez", role: "Trainer", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-sport-water-activities-concept-fit-beautiful-girl-enjoys-summer-holidays-uses-zinc-face-protection_273609-17738.jpg" },
|
||||
{ id: "4", title: "Simply vital.", quote: "Optimized health is no longer a dream; it's my reality.", name: "David Kim", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-posing-her-home_273609-20711.jpg" },
|
||||
{ id: "5", title: "Unmatched service.", quote: "Quality and expertise you can actually trust.", name: "Robert Miller", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-stylish-asian-senior-woman-sunglasses-trendy-outfit-showing-thumbup-appro_1258-159453.jpg" }
|
||||
]}
|
||||
title="Life-Changing Results"
|
||||
description="Hear what our community says about their transformation."
|
||||
@@ -336,21 +159,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are peptides safe?",
|
||||
content: "Yes, our peptides are pharmacy-grade and produced under rigorous standards.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How fast do they work?",
|
||||
content: "Results vary, but many users report benefits within weeks.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I need a prescription?",
|
||||
content: "Most wellness peptides can be acquired through our consultation process.",
|
||||
},
|
||||
{ id: "f1", title: "Are peptides safe?", content: "Yes, our peptides are pharmacy-grade and produced under rigorous standards." },
|
||||
{ id: "f2", title: "How fast do they work?", content: "Results vary, but many users report benefits within weeks." },
|
||||
{ id: "f3", title: "Do I need a prescription?", content: "Most wellness peptides can be acquired through our consultation process." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries about peptide therapy."
|
||||
@@ -364,9 +175,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Consultation"
|
||||
title="Ready to Optimize Your Health?"
|
||||
description="Start your journey toward peak performance today. Connect with a specialist."
|
||||
@@ -380,45 +189,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Solutions",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Solutions", href: "#features" }, { label: "Catalog", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 VitalPeptide. All rights reserved."
|
||||
bottomRightText="Clinical grade, science led."
|
||||
|
||||
Reference in New Issue
Block a user