Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-06 18:28:05 +00:00

View File

@@ -17,404 +17,171 @@ import { Star } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Products",
id: "#lineup",
},
{
name: "Science",
id: "#science",
},
{
name: "Testimonials",
id: "#testimonials",
},
]}
brandName="Galactical Pharm"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Products", id: "lineup" },
{ name: "Science", id: "science" },
{ name: "Testimonials", id: "testimonials" },
]}
brandName="Galactical Pharm"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Don't be human, be Galactical."
description="Elite-grade mass gainers and protein scientifically engineered for your transformation. Harness pure, pharmaceutical-grade fuel."
testimonials={[
{
name: "Alex J.",
handle: "@alexgym",
testimonial: "Best protein blend I've ever used. The gains are real.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21388.jpg?_wi=1",
imageAlt: "gym futuristic technology",
},
{
name: "Sarah P.",
handle: "@sarahfit",
testimonial: "Finally, a brand that cares about purity. Incredible taste.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-dropper-with-blue-liquid-erlenmeyer-flask-yellow-liquid-blue-surface_181624-41719.jpg?_wi=1",
imageAlt: "gym futuristic technology",
},
{
name: "Mike R.",
handle: "@mikestrong",
testimonial: "Galactical Pharm changed my recovery game completely.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/collection-vegan-icon-vectors_53876-66785.jpg?_wi=1",
imageAlt: "gym futuristic technology",
},
{
name: "Jen K.",
handle: "@jenlift",
testimonial: "Pharmaceutical grade fuel. My performance is at another level.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sit-get-fit-calligraphic-3d-render_460848-7082.jpg?_wi=1",
imageAlt: "gym futuristic technology",
},
{
name: "David W.",
handle: "@davidphysique",
testimonial: "The science behind this is undeniable. Results speak volumes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/containers-with-talcum-powder_1203-1863.jpg?_wi=1",
imageAlt: "gym futuristic technology",
},
]}
buttons={[
{
text: "Shop Now",
href: "#lineup",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21388.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-tall-stylish-shirtless-bodybuilder-dressed-jeans-enjoys-morning-invigorating-coffee-standing-kitchen-with-loft-interior-looking-out-window_613910-5509.jpg",
alt: "Portrait of bodybuilder",
},
{
src: "http://img.b2bpic.net/free-photo/young-blonde-fit-sporty-girl-woman-black-sportswear-demostrate-her-strong-muscular-body-stretching_231208-4084.jpg",
alt: "Sporty girl",
},
{
src: "http://img.b2bpic.net/free-photo/bearded-shirtless-muscular-fitness-man-posing-gym-club_613910-16809.jpg",
alt: "Gym fitness man",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg",
alt: "Athletic fitness male",
},
{
src: "http://img.b2bpic.net/free-photo/tattooed-fit-man-doing-exercise-gym_343596-2606.jpg",
alt: "Tattooed fit man",
},
]}
avatarText="Trusted by 10,000+ athletes"
marqueeItems={[
{
type: "text",
text: "PHARMACEUTICAL GRADE",
},
{
type: "text",
text: "LAB-TESTED PURITY",
},
{
type: "text",
text: "MAXIMUM BIOAVAILABILITY",
},
{
type: "text",
text: "SCIENTIFICALLY ENGINEERED",
},
{
type: "text",
text: "ELITE MASS GAINS",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Don't be human, be Galactical."
description="Elite-grade mass gainers and protein scientifically engineered for your transformation. Harness pure, pharmaceutical-grade fuel."
testimonials={[
{ name: "Alex J.", handle: "@alexgym", testimonial: "Best protein blend I've ever used. The gains are real.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21388.jpg", imageAlt: "gym futuristic technology" },
{ name: "Sarah P.", handle: "@sarahfit", testimonial: "Finally, a brand that cares about purity. Incredible taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-dropper-with-blue-liquid-erlenmeyer-flask-yellow-liquid-blue-surface_181624-41719.jpg", imageAlt: "gym futuristic technology" },
{ name: "Mike R.", handle: "@mikestrong", testimonial: "Galactical Pharm changed my recovery game completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/collection-vegan-icon-vectors_53876-66785.jpg", imageAlt: "gym futuristic technology" },
{ name: "Jen K.", handle: "@jenlift", testimonial: "Pharmaceutical grade fuel. My performance is at another level.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sit-get-fit-calligraphic-3d-render_460848-7082.jpg", imageAlt: "gym futuristic technology" },
{ name: "David W.", handle: "@davidphysique", testimonial: "The science behind this is undeniable. Results speak volumes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/containers-with-talcum-powder_1203-1863.jpg", imageAlt: "gym futuristic technology" }
]}
buttons={[{ text: "Shop Now", href: "#lineup" }]}
imageSrc="http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21388.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-tall-stylish-shirtless-bodybuilder-dressed-jeans-enjoys-morning-invigorating-coffee-standing-kitchen-with-loft-interior-looking-out-window_613910-5509.jpg", alt: "Portrait of bodybuilder" },
{ src: "http://img.b2bpic.net/free-photo/young-blonde-fit-sporty-girl-woman-black-sportswear-demostrate-her-strong-muscular-body-stretching_231208-4084.jpg", alt: "Sporty girl" },
{ src: "http://img.b2bpic.net/free-photo/bearded-shirtless-muscular-fitness-man-posing-gym-club_613910-16809.jpg", alt: "Gym fitness man" },
{ src: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg", alt: "Athletic fitness male" },
{ src: "http://img.b2bpic.net/free-photo/tattooed-fit-man-doing-exercise-gym_343596-2606.jpg", alt: "Tattooed fit man" }
]}
avatarText="Trusted by 10,000+ athletes"
marqueeItems={[
{ type: "text", text: "PHARMACEUTICAL GRADE" },
{ type: "text", text: "LAB-TESTED PURITY" },
{ type: "text", text: "MAXIMUM BIOAVAILABILITY" },
{ type: "text", text: "SCIENTIFICALLY ENGINEERED" },
{ type: "text", text: "ELITE MASS GAINS" }
]}
/>
</div>
<div id="benefits" data-section="benefits">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Pharmaceutical Grade Purity",
author: "Galactical",
description: "Our formulas meet rigorous purity standards.",
tags: [
"Purity",
"Clean",
],
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-dropper-with-blue-liquid-erlenmeyer-flask-yellow-liquid-blue-surface_181624-41719.jpg?_wi=2",
},
{
id: "f2",
title: "Maximum Bioavailability",
author: "Galactical",
description: "Optimized delivery to ensure your muscles absorb every gram.",
tags: [
"Performance",
"Growth",
],
imageSrc: "http://img.b2bpic.net/free-vector/collection-vegan-icon-vectors_53876-66785.jpg?_wi=2",
},
{
id: "f3",
title: "Scientifically Engineered",
author: "Galactical",
description: "Research-backed formulations designed for mass.",
tags: [
"Science",
"Research",
],
imageSrc: "http://img.b2bpic.net/free-photo/sit-get-fit-calligraphic-3d-render_460848-7082.jpg?_wi=2",
},
]}
title="The Galactical Difference"
description="Engineered for elite performance."
/>
</div>
<div id="benefits" data-section="benefits">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Pharmaceutical Grade Purity", author: "Galactical", description: "Our formulas meet rigorous purity standards.", tags: ["Purity", "Clean"], imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-dropper-with-blue-liquid-erlenmeyer-flask-yellow-liquid-blue-surface_181624-41719.jpg" },
{ id: "f2", title: "Maximum Bioavailability", author: "Galactical", description: "Optimized delivery to ensure your muscles absorb every gram.", tags: ["Performance", "Growth"], imageSrc: "http://img.b2bpic.net/free-vector/collection-vegan-icon-vectors_53876-66785.jpg" },
{ id: "f3", title: "Scientifically Engineered", author: "Galactical", description: "Research-backed formulations designed for mass.", tags: ["Science", "Research"], imageSrc: "http://img.b2bpic.net/free-photo/sit-get-fit-calligraphic-3d-render_460848-7082.jpg" }
]}
title="The Galactical Difference"
description="Engineered for elite performance."
/>
</div>
<div id="lineup" data-section="lineup">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Whey Protein Isolate",
price: "$69.99",
variant: "2lb",
imageSrc: "http://img.b2bpic.net/free-photo/containers-with-talcum-powder_1203-1863.jpg?_wi=2",
},
{
id: "p2",
name: "Mass Gainer Extreme",
price: "$89.99",
variant: "5lb",
imageSrc: "http://img.b2bpic.net/free-photo/vitamin-injection-vial-glass-bottles-with-luxurious-patterned-labels_53876-165419.jpg",
},
{
id: "p3",
name: "Protein Recovery Blend",
price: "$59.99",
variant: "2lb",
imageSrc: "http://img.b2bpic.net/free-photo/two-black-supplement-bottles-one-standing-one-lying-down-isolated-white-background_187299-46297.jpg",
},
{
id: "p4",
name: "Creatine Monohydrate",
price: "$39.99",
variant: "500g",
imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980053.jpg",
},
{
id: "p5",
name: "BCAA Fuel",
price: "$44.99",
variant: "300g",
imageSrc: "http://img.b2bpic.net/free-photo/vitamin-injection-vial-glass-bottles-green-background_53876-176834.jpg",
},
{
id: "p6",
name: "Pre-Workout Ignite",
price: "$49.99",
variant: "300g",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420745.jpg",
},
]}
title="Our Elite Lineup"
description="Fuel your ambition with our premium catalog."
/>
</div>
<div id="lineup" data-section="lineup">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Whey Protein Isolate", price: "$69.99", variant: "2lb", imageSrc: "http://img.b2bpic.net/free-photo/containers-with-talcum-powder_1203-1863.jpg" },
{ id: "p2", name: "Mass Gainer Extreme", price: "$89.99", variant: "5lb", imageSrc: "http://img.b2bpic.net/free-photo/vitamin-injection-vial-glass-bottles-with-luxurious-patterned-labels_53876-165419.jpg" },
{ id: "p3", name: "Protein Recovery Blend", price: "$59.99", variant: "2lb", imageSrc: "http://img.b2bpic.net/free-photo/two-black-supplement-bottles-one-standing-one-lying-down-isolated-white-background_187299-46297.jpg" },
{ id: "p4", name: "Creatine Monohydrate", price: "$39.99", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980053.jpg" },
{ id: "p5", name: "BCAA Fuel", price: "$44.99", variant: "300g", imageSrc: "http://img.b2bpic.net/free-photo/vitamin-injection-vial-glass-bottles-green-background_53876-176834.jpg" },
{ id: "p6", name: "Pre-Workout Ignite", price: "$49.99", variant: "300g", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420745.jpg" }
]}
title="Our Elite Lineup"
description="Fuel your ambition with our premium catalog."
/>
</div>
<div id="science" data-section="science">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Clinical Excellence"
title="The Science of Strength"
description="Every batch produced is tested for absolute precision."
subdescription="Our lab-certified process guarantees that you are consuming only the most effective, safest ingredients possible. We settle for nothing less than excellence."
imageSrc="http://img.b2bpic.net/free-photo/senior-chemist-analysing-blood-sample-while-coworkers-discussing_482257-554.jpg"
mediaAnimation="slide-up"
icon={Star}
/>
</div>
<div id="science" data-section="science">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Clinical Excellence"
title="The Science of Strength"
description="Every batch produced is tested for absolute precision."
subdescription="Our lab-certified process guarantees that you are consuming only the most effective, safest ingredients possible. We settle for nothing less than excellence."
imageSrc="http://img.b2bpic.net/free-photo/senior-chemist-analysing-blood-sample-while-coworkers-discussing_482257-554.jpg"
mediaAnimation="slide-up"
icon={Star}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Jordan S.",
handle: "@jordan_lift",
testimonial: "The best ingredients I've found on the market.",
imageSrc: "http://img.b2bpic.net/free-photo/boxing-power-person-black-man_1296-384.jpg",
},
{
id: "t2",
name: "Marcus L.",
handle: "@marcusfit",
testimonial: "My recovery time has halved thanks to this.",
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4025.jpg",
},
{
id: "t3",
name: "Elena K.",
handle: "@elena_gains",
testimonial: "Unmatched purity and taste profile.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-muscular-guy-holding-hummer-studio-shoot-isolated-grey-background_613910-814.jpg",
},
{
id: "t4",
name: "Chris P.",
handle: "@chris_g",
testimonial: "Finally reaching my mass targets.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-sporty-muscular-middle-age-male-with-shaved-chest_613910-1892.jpg",
},
{
id: "t5",
name: "Sarah O.",
handle: "@sarah_fit",
testimonial: "Top-tier results from day one.",
imageSrc: "http://img.b2bpic.net/free-photo/athletic-shirtless-male-doing-workouts-back-with-power-exercise-machine-gym-club_613910-9461.jpg",
},
]}
title="Trusted by Athletes"
description="See why the elite choose Galactical Pharm."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Jordan S.", handle: "@jordan_lift", testimonial: "The best ingredients I've found on the market.", imageSrc: "http://img.b2bpic.net/free-photo/boxing-power-person-black-man_1296-384.jpg" },
{ id: "t2", name: "Marcus L.", handle: "@marcusfit", testimonial: "My recovery time has halved thanks to this.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4025.jpg" },
{ id: "t3", name: "Elena K.", handle: "@elena_gains", testimonial: "Unmatched purity and taste profile.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-muscular-guy-holding-hummer-studio-shoot-isolated-grey-background_613910-814.jpg" },
{ id: "t4", name: "Chris P.", handle: "@chris_g", testimonial: "Finally reaching my mass targets.", imageSrc: "http://img.b2bpic.net/free-photo/positive-sporty-muscular-middle-age-male-with-shaved-chest_613910-1892.jpg" },
{ id: "t5", name: "Sarah O.", handle: "@sarah_fit", testimonial: "Top-tier results from day one.", imageSrc: "http://img.b2bpic.net/free-photo/athletic-shirtless-male-doing-workouts-back-with-power-exercise-machine-gym-club_613910-9461.jpg" }
]}
title="Trusted by Athletes"
description="See why the elite choose Galactical Pharm."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Athlete Hub",
"Gym Pro",
"Iron Strength",
"Peak Nutrition",
"Strong Magazine",
"Fit Media",
"Global Gym",
]}
title="Certified Standards"
description="Trusted by leading fitness organizations and media."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["Athlete Hub", "Gym Pro", "Iron Strength", "Peak Nutrition", "Strong Magazine", "Fit Media", "Global Gym"]}
title="Certified Standards"
description="Trusted by leading fitness organizations and media."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Are your products lab-certified?",
content: "Yes, every batch undergoes third-party verification.",
},
{
id: "faq-2",
title: "Do you ship internationally?",
content: "We ship to over 50 countries worldwide.",
},
{
id: "faq-3",
title: "Is the whey organic?",
content: "Our whey is grass-fed and minimally processed.",
},
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "faq-1", title: "Are your products lab-certified?", content: "Yes, every batch undergoes third-party verification." },
{ id: "faq-2", title: "Do you ship internationally?", content: "We ship to over 50 countries worldwide." },
{ id: "faq-3", title: "Is the whey organic?", content: "Our whey is grass-fed and minimally processed." }
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Join Us"
title="Become Galactical Elite"
description="Sign up for exclusive drops, science insights, and early access."
buttons={[
{
text: "Join Newsletter",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Join Us"
title="Become Galactical Elite"
description="Sign up for exclusive drops, science insights, and early access."
buttons={[{ text: "Join Newsletter", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Galactical Pharm"
columns={[
{
title: "Shop",
items: [
{
label: "Protein",
href: "#lineup",
},
{
label: "Gainers",
href: "#lineup",
},
],
},
{
title: "Company",
items: [
{
label: "Science",
href: "#science",
},
{
label: "Reviews",
href: "#testimonials",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
copyrightText="© 2024 Galactical Pharm. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Galactical Pharm"
columns={[
{ title: "Shop", items: [{ label: "Protein", href: "#lineup" }, { label: "Gainers", href: "#lineup" }] },
{ title: "Company", items: [{ label: "Science", href: "#science" }, { label: "Reviews", href: "#testimonials" }] },
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQ", href: "#faq" }] }
]}
copyrightText="© 2024 Galactical Pharm. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);