Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kapapep Research"
|
||||
/>
|
||||
@@ -58,34 +46,16 @@ export default function LandingPage() {
|
||||
title="Uncompromised Quality in Peptide Research"
|
||||
description="Kapapep Research provides the highest purity, lab-verified peptides to support your scientific breakthroughs. Trust in precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Explore Catalog", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scientist-woman-sitting-laboratory-with-chemical-technology_482257-9078.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scientist-woman-sitting-laboratory-with-chemical-technology_482257-9078.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-researcher-working-modern-lab_1098-17084.jpg",
|
||||
alt: "Female Researcher Working at Modern Lab",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744714.jpg",
|
||||
alt: "Laboratory supplies for medical work",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-laboratory-with-scientific-monitor-desk_482257-18203.jpg",
|
||||
alt: "Empty laboratory with scientific monitor on desk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-with-microscope-laptop_23-2148794470.jpg",
|
||||
alt: "Arrangement with microscope and laptop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-brick-wall-background_23-2148242734.jpg",
|
||||
alt: "Professional laboratory colleague",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-researcher-working-modern-lab_1098-17084.jpg", alt: "Female Researcher Working at Modern Lab" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744714.jpg", alt: "Laboratory supplies for medical work" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-laboratory-with-scientific-monitor-desk_482257-18203.jpg", alt: "Empty laboratory with scientific monitor on desk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/arrangement-with-microscope-laptop_23-2148794470.jpg", alt: "Arrangement with microscope and laptop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-with-brick-wall-background_23-2148242734.jpg", alt: "Professional laboratory colleague" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ global research institutions"
|
||||
/>
|
||||
@@ -97,20 +67,11 @@ export default function LandingPage() {
|
||||
title="Scientific Excellence"
|
||||
description="We treat every batch with the rigor expected in clinical settings. Kapapep Research is built for serious scientists who demand transparency and performance."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Purity",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Verification",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Researchers",
|
||||
},
|
||||
{ value: "99.9%", title: "Purity" },
|
||||
{ value: "24/7", title: "Verification" },
|
||||
{ value: "500+", title: "Researchers" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/covid-still-life-with-vaccine_23-2149079634.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/covid-still-life-with-vaccine_23-2149079634.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,40 +84,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Clinical Purity",
|
||||
description: "Every batch undergoes rigorous HPLC and MS verification.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medicine-vaccine-bottles_181624-40538.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extremely-close-up-hand-sanitizer-gel-copy-space_23-2148758765.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-woman-sitting-laboratory-with-chemical-technology_482257-9078.jpg?_wi=2",
|
||||
imageAlt: "high purity peptide vial",
|
||||
title: "Clinical Purity", description: "Every batch undergoes rigorous HPLC and MS verification.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medicine-vaccine-bottles_181624-40538.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/extremely-close-up-hand-sanitizer-gel-copy-space_23-2148758765.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Transparent Testing",
|
||||
description: "COA documentation available for every SKU in our store.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/microbiology-specialist-using-computer-laboratory_482257-15530.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/biologist-researcher-woman-with-white-coat-discovering-vaccine-against-virus-typing-medical-expertise-computer-professional-modern-equipment-standing-table-hospital-laboratory_482257-26483.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-still-life-with-vaccine_23-2149079634.jpg?_wi=2",
|
||||
imageAlt: "high purity peptide vial",
|
||||
title: "Transparent Testing", description: "COA documentation available for every SKU in our store.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/microbiology-specialist-using-computer-laboratory_482257-15530.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/biologist-researcher-woman-with-white-coat-discovering-vaccine-against-virus-typing-medical-expertise-computer-professional-modern-equipment-standing-table-hospital-laboratory_482257-26483.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Secure Logistics",
|
||||
description: "Temperature-controlled shipping ensures product integrity.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientific-biochemistry-genetics-engineering-concept_53876-15285.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/grunge-quality-control-approved-seal-stamp-rubber-look_78370-668.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medicine-pharmaceutics-health-care-people-concept-female-pharmacist-taking-medications-from-shelf_1157-42168.jpg?_wi=1",
|
||||
imageAlt: "high purity peptide vial",
|
||||
title: "Secure Logistics", description: "Temperature-controlled shipping ensures product integrity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/scientific-biochemistry-genetics-engineering-concept_53876-15285.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/grunge-quality-control-approved-seal-stamp-rubber-look_78370-668.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -172,42 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Compound Alpha",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medicine-pharmaceutics-health-care-people-concept-female-pharmacist-taking-medications-from-shelf_1157-42168.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Compound Beta",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vaccine-recipients-arrangement-table_23-2148755625.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Compound Gamma",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-elements-assortment-vaccination-close-up_23-2148613970.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Compound Delta",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-client-navigates-pharmacy-shelves-full-drugs-vitamins-relying-medicaments-boxes_482257-134290.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Compound Epsilon",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-different-glass-vials-with-liquids-white-surface-lab_181624-46079.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Compound Zeta",
|
||||
price: "$289",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-person-with-mask-gloves-buying-food-supermarket_342744-1154.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Compound Alpha", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/medicine-pharmaceutics-health-care-people-concept-female-pharmacist-taking-medications-from-shelf_1157-42168.jpg" },
|
||||
{ id: "p2", name: "Compound Beta", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/vaccine-recipients-arrangement-table_23-2148755625.jpg" },
|
||||
{ id: "p3", name: "Compound Gamma", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/medical-elements-assortment-vaccination-close-up_23-2148613970.jpg" },
|
||||
{ id: "p4", name: "Compound Delta", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/asian-client-navigates-pharmacy-shelves-full-drugs-vitamins-relying-medicaments-boxes_482257-134290.jpg" },
|
||||
{ id: "p5", name: "Compound Epsilon", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-different-glass-vials-with-liquids-white-surface-lab_181624-46079.jpg" },
|
||||
{ id: "p6", name: "Compound Zeta", price: "$289", imageSrc: "http://img.b2bpic.net/free-photo/female-person-with-mask-gloves-buying-food-supermarket_342744-1154.jpg" },
|
||||
]}
|
||||
title="Laboratory Essentials"
|
||||
description="Pure, reliable compounds ready for your study."
|
||||
@@ -220,24 +127,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Batch Tested",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Client Satisfaction",
|
||||
value: "98%",
|
||||
},
|
||||
{ id: "m1", icon: Shield, title: "Batch Tested", value: "100%" },
|
||||
{ id: "m2", icon: Award, title: "Years Experience", value: "10+" },
|
||||
{ id: "m3", icon: CheckCircle, title: "Client Satisfaction", value: "98%" },
|
||||
]}
|
||||
title="Global Standards"
|
||||
description="Meeting the research demands of the global community."
|
||||
@@ -250,41 +142,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Sarah A.",
|
||||
role: "Head Researcher",
|
||||
testimonial: "The purity levels are unmatched. Kapapep has become my primary supplier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus V.",
|
||||
role: "Lab Lead",
|
||||
testimonial: "Fast shipping and crystal clear COAs. Exactly what I need for my team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-doctor-looking-medical-slice-analyzing-blood-smaple-virus-investigation-working-vaccine-development-agaisnt-coronavirus-microbiology-laboratory-biomedicine-experiment_482257-32372.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Biotech Consultant",
|
||||
testimonial: "Finally, a supplier that understands scientific rigor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin D.",
|
||||
role: "Chemistry Prof",
|
||||
testimonial: "Impressive standard of quality control and customer support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-scientist_23-2148820194.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dr. Linda K.",
|
||||
role: "Researcher",
|
||||
testimonial: "Reliable outcomes every time I run a study with their compounds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doctor-with-stethoscope-lights_181624-15323.jpg",
|
||||
},
|
||||
{ id: "1", name: "Dr. Sarah A.", role: "Head Researcher", testimonial: "The purity levels are unmatched. Kapapep has become my primary supplier.", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg" },
|
||||
{ id: "2", name: "Marcus V.", role: "Lab Lead", testimonial: "Fast shipping and crystal clear COAs. Exactly what I need for my team.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-doctor-looking-medical-slice-analyzing-blood-smaple-virus-investigation-working-vaccine-development-agaisnt-coronavirus-microbiology-laboratory-biomedicine-experiment_482257-32372.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Biotech Consultant", testimonial: "Finally, a supplier that understands scientific rigor.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg" },
|
||||
{ id: "4", name: "Kevin D.", role: "Chemistry Prof", testimonial: "Impressive standard of quality control and customer support.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-scientist_23-2148820194.jpg" },
|
||||
{ id: "5", name: "Dr. Linda K.", role: "Researcher", testimonial: "Reliable outcomes every time I run a study with their compounds.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doctor-with-stethoscope-lights_181624-15323.jpg" },
|
||||
]}
|
||||
title="Researcher Feedback"
|
||||
description="Consistently delivered purity for long-term partners."
|
||||
@@ -296,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are your products for human use?",
|
||||
content: "Our products are strictly for research purposes only and not intended for human consumption.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you verify purity?",
|
||||
content: "We utilize third-party HPLC and MS testing on every batch.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We ship globally via temperature-controlled carriers to ensure stability.",
|
||||
},
|
||||
{ id: "q1", title: "Are your products for human use?", content: "Our products are strictly for research purposes only and not intended for human consumption." },
|
||||
{ id: "q2", title: "How do you verify purity?", content: "We utilize third-party HPLC and MS testing on every batch." },
|
||||
{ id: "q3", title: "What is your shipping policy?", content: "We ship globally via temperature-controlled carriers to ensure stability." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your logistics and quality control questions."
|
||||
@@ -321,15 +171,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Need professional assistance? Our support team is here to help with all your lab inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@kapapepresearch.com",
|
||||
},
|
||||
{ text: "Contact Support", href: "mailto:support@kapapepresearch.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -338,49 +183,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Kapapep Research"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Store", items: [{ label: "Shop All", href: "#products" }, { label: "Shipping", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user