Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| aa3362c2ad | |||
| 42952733a4 | |||
| 0ad554d617 | |||
| e9cd605cea | |||
| 5fbba674f6 | |||
| 7489a835ed |
150
src/app/page.tsx
150
src/app/page.tsx
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Products", id: "/products" },
|
||||||
name: "Products", id: "products"},
|
{ name: "Science", id: "#science" },
|
||||||
{
|
{ name: "About", id: "#about" },
|
||||||
name: "Science", id: "science"},
|
{ name: "Contact", id: "#contact" },
|
||||||
{
|
|
||||||
name: "About", id: "about"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Melbourne Peptide Co."
|
brandName="Melbourne Peptide Co."
|
||||||
/>
|
/>
|
||||||
@@ -45,68 +41,15 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
|
||||||
title="Unlock Your Body's Potential"
|
title="Unlock Your Body's Potential"
|
||||||
description="Premium Peptides for Enhanced Performance & Wellness. Scientifically formulated. Australian made. Clinically trusted."
|
description="Premium Peptides for Enhanced Performance & Wellness. Scientifically formulated. Australian made. Clinically trusted."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Shop Now", href: "/products" },
|
||||||
text: "Shop Now", href: "#products"},
|
{ text: "Learn More", href: "#science" },
|
||||||
{
|
|
||||||
text: "Learn More", href: "#science"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/isolated-screen-laptop-laboratory-displays-dna-visualization-software-used-process-patient_482257-133585.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/isolated-screen-laptop-laboratory-displays-dna-visualization-software-used-process-patient_482257-133585.jpg?_wi=1"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg", alt: "Customer 1"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-tablet_23-2148168464.jpg", alt: "Customer 2"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg", alt: "Customer 3"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-tablet_23-2148168464.jpg", alt: "Customer 4"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg", alt: "Customer 5"},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by 5,000+ athletes and professionals"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text", text: "TGA COMPLIANT"},
|
|
||||||
{
|
|
||||||
type: "text", text: "PHARMACEUTICAL GRADE"},
|
|
||||||
{
|
|
||||||
type: "text", text: "LAB TESTED"},
|
|
||||||
{
|
|
||||||
type: "text", text: "AUSTRALIAN MADE"},
|
|
||||||
{
|
|
||||||
type: "text", text: "CLINICAL QUALITY"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
|
||||||
<ProductCardThree
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split-description"
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "p1", name: "Recovery Pro Peptide Complex", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/black-bottle-pills-with-light-blue-label_187299-46204.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "p2", name: "Longevity Elite Formula", price: "$245", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-fresh-vegetables_23-2148913342.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "p3", name: "Performance Max Stack", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pill-containers-foil_23-2148533493.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "p4", name: "Vitality Core Booster", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/black-bottle-pills-with-light-blue-label_187299-46204.jpg?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "p5", name: "Cognitive Focus Blend", price: "$175", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-fresh-vegetables_23-2148913342.jpg?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "p6", name: "Immune Shield Pro", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pill-containers-foil_23-2148533493.jpg?_wi=2"},
|
|
||||||
]}
|
|
||||||
title="Our Premium Collection"
|
|
||||||
description="Expertly crafted peptide formulas for peak performance."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -115,18 +58,10 @@ export default function LandingPage() {
|
|||||||
textboxLayout="inline-image"
|
textboxLayout="inline-image"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Pharmaceutical Grade", description: "99%+ purity ensured by rigorous third-party testing.", buttonIcon: Shield },
|
||||||
title: "Pharmaceutical Grade", description: "99%+ purity ensured by rigorous third-party testing.", buttonIcon: Shield,
|
{ title: "Locally Crafted", description: "Proudly manufactured in Melbourne, Australia.", buttonIcon: Globe },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-laptop-laboratory-displays-dna-visualization-software-used-process-patient_482257-133585.jpg?_wi=2", imageAlt: "scientific lab research"},
|
{ title: "Clinically Backed", description: "Formulated by leading biochemists and peer-reviewed research.", buttonIcon: FlaskConical },
|
||||||
{
|
{ title: "Trusted by Athletes", description: "Used by professional sports competitors across the nation.", buttonIcon: Trophy },
|
||||||
title: "Locally Crafted", description: "Proudly manufactured in Melbourne, Australia.", buttonIcon: Globe,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-bottle-pills-with-light-blue-label_187299-46204.jpg?_wi=3", imageAlt: "luxury peptide vial"},
|
|
||||||
{
|
|
||||||
title: "Clinically Backed", description: "Formulated by leading biochemists and peer-reviewed research.", buttonIcon: FlaskConical,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-fresh-vegetables_23-2148913342.jpg?_wi=3", imageAlt: "wellness supplement bottle"},
|
|
||||||
{
|
|
||||||
title: "Trusted by Athletes", description: "Used by professional sports competitors across the nation.", buttonIcon: Trophy,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pill-containers-foil_23-2148533493.jpg?_wi=3", imageAlt: "health supplement stack"},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose Melbourne Peptide Co."
|
title="Why Choose Melbourne Peptide Co."
|
||||||
description="Experience the pinnacle of Australian pharmaceutical science."
|
description="Experience the pinnacle of Australian pharmaceutical science."
|
||||||
@@ -136,18 +71,7 @@ export default function LandingPage() {
|
|||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[]}
|
||||||
{
|
|
||||||
id: "t1", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "t2", name: "Dr. James K.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-tablet_23-2148168464.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "t3", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-tablet_23-2148168464.jpg?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Chloe L.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-fresh-fruits_23-2150495117.jpg?_wi=3"},
|
|
||||||
]}
|
|
||||||
cardTitle="What Our Clients Say"
|
cardTitle="What Our Clients Say"
|
||||||
cardTag="Trusted Results"
|
cardTag="Trusted Results"
|
||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
@@ -158,14 +82,7 @@ export default function LandingPage() {
|
|||||||
<FaqBase
|
<FaqBase
|
||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[]}
|
||||||
{
|
|
||||||
id: "f1", title: "How do peptides work?", content: "Peptides act as signaling molecules to instruct cellular processes."},
|
|
||||||
{
|
|
||||||
id: "f2", title: "What testing do you perform?", content: "We conduct 99%+ purity testing through accredited third-party labs."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "Are your products TGA compliant?", content: "Yes, we adhere to strict TGA regulations in all production phases."},
|
|
||||||
]}
|
|
||||||
title="The Science Behind Our Peptides"
|
title="The Science Behind Our Peptides"
|
||||||
description="Learn how our advanced formulations work to optimize your health."
|
description="Learn how our advanced formulations work to optimize your health."
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
@@ -175,50 +92,15 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "rotated-rays-animated-grid" }}
|
||||||
variant: "rotated-rays-animated-grid"}}
|
|
||||||
text="Ready to unlock your potential? Contact our expert team for consultation."
|
text="Ready to unlock your potential? Contact our expert team for consultation."
|
||||||
buttons={[
|
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||||
{
|
|
||||||
text: "Contact Us", href: "#"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[]}
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About Us", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Our Story", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Careers", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Recovery Peptides", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Performance Stack", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Longevity Series", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "FAQ", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Shipping", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Returns", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="Melbourne Peptide Co."
|
logoText="Melbourne Peptide Co."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
61
src/app/products/page.tsx
Normal file
61
src/app/products/page.tsx
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
|
|
||||||
|
export default function ProductsPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="elastic-effect"
|
||||||
|
defaultTextAnimation="reveal-blur"
|
||||||
|
borderRadius="pill"
|
||||||
|
contentWidth="smallMedium"
|
||||||
|
sizing="mediumLargeSizeMediumTitles"
|
||||||
|
background="blurBottom"
|
||||||
|
cardStyle="layered-gradient"
|
||||||
|
primaryButtonStyle="diagonal-gradient"
|
||||||
|
secondaryButtonStyle="layered"
|
||||||
|
headingFontWeight="medium"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarStyleCentered
|
||||||
|
navItems={[
|
||||||
|
{ name: "Products", id: "/products" },
|
||||||
|
{ name: "Science", id: "/#science" },
|
||||||
|
{ name: "About", id: "/#about" },
|
||||||
|
{ name: "Contact", id: "/#contact" },
|
||||||
|
]}
|
||||||
|
brandName="Melbourne Peptide Co."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="products" data-section="products">
|
||||||
|
<ProductCardThree
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="split-description"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
products={[
|
||||||
|
{ id: "p1", name: "Recovery Pro Peptide Complex", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/black-bottle-pills-with-light-blue-label_187299-46204.jpg?_wi=1" },
|
||||||
|
{ id: "p2", name: "Longevity Elite Formula", price: "$245", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-fresh-vegetables_23-2148913342.jpg?_wi=1" },
|
||||||
|
{ id: "p3", name: "Performance Max Stack", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pill-containers-foil_23-2148533493.jpg?_wi=1" },
|
||||||
|
]}
|
||||||
|
title="Our Premium Collection"
|
||||||
|
description="Expertly crafted peptide formulas for peak performance."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterLogoEmphasis
|
||||||
|
columns={[]}
|
||||||
|
logoText="Melbourne Peptide Co."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #ffffff;
|
--background: #f6f0e9;
|
||||||
--card: #f8f9fa;
|
--card: #efe7dd;
|
||||||
--foreground: #1a2332;
|
--foreground: #2b180a;
|
||||||
--primary-cta: #d4af37;
|
--primary-cta: #2b180a;
|
||||||
--primary-cta-text: #1a2332;
|
--primary-cta-text: #f6f0e9;
|
||||||
--secondary-cta: #2c5aa0;
|
--secondary-cta: #efe7dd;
|
||||||
--secondary-cta-text: #ffffff;
|
--secondary-cta-text: #2b180a;
|
||||||
--accent: #f8f9fa;
|
--accent: #94877c;
|
||||||
--background-accent: #1a2332;
|
--background-accent: #afa094;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user