Merge version_1 into main #1
278
src/app/page.tsx
278
src/app/page.tsx
@@ -31,24 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="PureStrength"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,34 +45,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Unleash Your Potential"
|
||||
description="Premium, science-backed creatine formulated for maximum recovery and peak athletic performance. Take your training to the next level."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-yoga-essential-items_23-2149458906.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-hydrating_23-2149177977.jpg",
|
||||
alt: "Full shot man hydrating",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-influencer-home-vlogging-while-exercising-with-smartphone_23-2148738156.jpg",
|
||||
alt: "Female influencer at home vlogging while exercising with smartphone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-book-arrangement_23-2148328271.jpg",
|
||||
alt: "Front view of book arrangement",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-sport-composition-with-apple_23-2148000367.jpg",
|
||||
alt: "Modern sport composition with apple",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-confident-smile-with-crossed-hands-chest-standing-white-wall_141793-96316.jpg",
|
||||
alt: "Young sporty man wearing sportswear and headband looking at front with confident smile with crossed hands on chest standing over white wall",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-hydrating_23-2149177977.jpg", alt: "Full shot man hydrating" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-influencer-home-vlogging-while-exercising-with-smartphone_23-2148738156.jpg", alt: "Female influencer at home vlogging while exercising with smartphone" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-book-arrangement_23-2148328271.jpg", alt: "Front view of book arrangement" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-sport-composition-with-apple_23-2148000367.jpg", alt: "Modern sport composition with apple" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-confident-smile-with-crossed-hands-chest-standing-white-wall_141793-96316.jpg", alt: "Young sporty man wearing sportswear and headband looking at front with confident smile with crossed hands on chest standing over white wall" },
|
||||
]}
|
||||
avatarText="Trusted by 15,000+ athletes"
|
||||
/>
|
||||
@@ -94,8 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Science of Strength"
|
||||
description={[
|
||||
"We believe in pure performance. Our creatine is sourced from the finest ingredients, tested for purity, and designed to help you break through your personal plateaus. No fluff, just results.",
|
||||
]}
|
||||
"We believe in pure performance. Our creatine is sourced from the finest ingredients, tested for purity, and designed to help you break through your personal plateaus. No fluff, just results."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,21 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "100% Pure Creatine",
|
||||
description: "Pharmaceutical grade monohydrate for maximum absorption.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Boost Power Output",
|
||||
description: "Explosive strength gains in every session.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Lab Tested",
|
||||
description: "Third-party verified for absolute safety and purity.",
|
||||
},
|
||||
{ icon: CheckCircle, title: "100% Pure Creatine", description: "Pharmaceutical grade monohydrate for maximum absorption." },
|
||||
{ icon: Zap, title: "Boost Power Output", description: "Explosive strength gains in every session." },
|
||||
{ icon: Shield, title: "Lab Tested", description: "Third-party verified for absolute safety and purity." },
|
||||
]}
|
||||
title="Why Choose PureStrength"
|
||||
description="Crafted for those who demand more from their bodies."
|
||||
@@ -133,48 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Monohydrate Classic",
|
||||
price: "$29.99",
|
||||
variant: "500g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769477.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Advanced Blend",
|
||||
price: "$39.99",
|
||||
variant: "800g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pills-blue-background-vitamin-c-concept_169016-19676.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Berry Performance",
|
||||
price: "$34.99",
|
||||
variant: "500g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148984.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Unflavored Pro",
|
||||
price: "$45.99",
|
||||
variant: "1kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-making-herself-healthy-smoothie-slicing-fresh-fruit-kitchen_637285-596.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Rapid Recovery",
|
||||
price: "$32.99",
|
||||
variant: "500g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980049.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bulk Pack",
|
||||
price: "$79.99",
|
||||
variant: "2.5kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100709.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Monohydrate Classic", price: "$29.99", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769477.jpg" },
|
||||
{ id: "p2", name: "Advanced Blend", price: "$39.99", variant: "800g", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pills-blue-background-vitamin-c-concept_169016-19676.jpg" },
|
||||
{ id: "p3", name: "Berry Performance", price: "$34.99", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148984.jpg" },
|
||||
{ id: "p4", name: "Unflavored Pro", price: "$45.99", variant: "1kg", imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-making-herself-healthy-smoothie-slicing-fresh-fruit-kitchen_637285-596.jpg" },
|
||||
{ id: "p5", name: "Rapid Recovery", price: "$32.99", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980049.jpg" },
|
||||
{ id: "p6", name: "Bulk Pack", price: "$79.99", variant: "2.5kg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100709.jpg" },
|
||||
]}
|
||||
title="Our Formulations"
|
||||
description="Find the perfect supplement for your specific training goals."
|
||||
@@ -187,36 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
title: "Happy Athletes",
|
||||
items: [
|
||||
"Improved recovery",
|
||||
"Stronger gains",
|
||||
"Peak focus",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Purity Score",
|
||||
items: [
|
||||
"Lab certified",
|
||||
"Zero fillers",
|
||||
"Top quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Global Gyms",
|
||||
items: [
|
||||
"Used by pros",
|
||||
"Trusted brands",
|
||||
"Elite training",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15K+", title: "Happy Athletes", items: ["Improved recovery", "Stronger gains", "Peak focus"] },
|
||||
{ id: "m2", value: "99.9%", title: "Purity Score", items: ["Lab certified", "Zero fillers", "Top quality"] },
|
||||
{ id: "m3", value: "50+", title: "Global Gyms", items: ["Used by pros", "Trusted brands", "Elite training"] },
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="We don't just talk, we show results."
|
||||
@@ -229,60 +122,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex River",
|
||||
role: "Pro Athlete",
|
||||
company: "IronGym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-gym-side-view_23-2149445952.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
role: "Coach",
|
||||
company: "FitLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-headphones-gym_23-2148419814.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James Bond",
|
||||
role: "Competitor",
|
||||
company: "GlobalFit",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-competing-olympic-games_23-2151450159.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Ross",
|
||||
role: "Powerlifter",
|
||||
company: "HeavyLift",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-with-serious-confident-expression-with-arms-crossed-standing-white-background_141793-118126.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus King",
|
||||
role: "Trainer",
|
||||
company: "PeakTraining",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105069.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex River", role: "Pro Athlete", company: "IronGym", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-gym-side-view_23-2149445952.jpg" },
|
||||
{ id: "t2", name: "Sarah Miller", role: "Coach", company: "FitLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-headphones-gym_23-2148419814.jpg" },
|
||||
{ id: "t3", name: "James Bond", role: "Competitor", company: "GlobalFit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-competing-olympic-games_23-2151450159.jpg" },
|
||||
{ id: "t4", name: "Elena Ross", role: "Powerlifter", company: "HeavyLift", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-with-serious-confident-expression-with-arms-crossed-standing-white-background_141793-118126.jpg" },
|
||||
{ id: "t5", name: "Marcus King", role: "Trainer", company: "PeakTraining", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105069.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "85%",
|
||||
label: "Repeat Rate",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "85%", label: "Repeat Rate" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
]}
|
||||
title="Loved by the Best"
|
||||
description="See why top competitors rely on PureStrength for their daily routine."
|
||||
@@ -295,25 +144,10 @@ export default function LandingPage() {
|
||||
title="Join Our Community"
|
||||
description="Have questions? Reach out to our supplement experts and get the guidance you need."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -321,45 +155,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "All Creatine",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Bundles",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Products", items: [{ label: "All Creatine", href: "#products" }, { label: "Bundles", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="PureStrength"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user