Update src/app/page.tsx

This commit is contained in:
2026-05-10 14:48:09 +00:00
parent 2e2c19795f
commit f60fb3f88c

View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { User } from "lucide-react";
import { User, Zap, Dumbbell, LineChart, MessageSquare } from "lucide-react";
export default function LandingPage() {
return (
@@ -20,70 +20,39 @@ export default function LandingPage() {
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
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">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Programs",
id: "features",
},
{
name: "Shop",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Shop", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Shay Kapri Coaching"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Transform Your Life with Professional Coaching"
description="Expert fitness and nutrition strategies tailored for your goals. Achieve the results you've always wanted with Shay Kapri."
buttons={[
{
text: "Book Coaching",
href: "#contact",
},
]}
buttons={[{ text: "Book Coaching", href: "#contact" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg?_wi=1",
imageAlt: "fitness coach training athlete",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-137550.jpg?_wi=1",
imageAlt: "professional fitness training gym",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-gym-sports-ladies-sportswear-friends-training_1157-44988.jpg?_wi=1",
imageAlt: "personal trainer showing results",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-sport-gym-using-kettlebells_23-2149255807.jpg",
imageAlt: "fitness coach training athlete",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg",
imageAlt: "professional fitness training gym",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg", imageAlt: "fitness coach training athlete" },
{ imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-137550.jpg", imageAlt: "professional fitness training gym" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-gym-sports-ladies-sportswear-friends-training_1157-44988.jpg", imageAlt: "personal trainer showing results" }
]}
mediaAnimation="slide-up"
/>
@@ -108,34 +77,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Nutrition Plans",
description: "Customized macros and meal plans to fuel your progress.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-chopping-onion-by-knife-wooden-board_169016-49356.jpg",
imageAlt: "nutrition meal plan template",
},
{
title: "Training Programs",
description: "Evidence-based strength and conditioning routines.",
buttonIcon: "Dumbbell",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg?_wi=2",
imageAlt: "nutrition meal plan template",
},
{
title: "Performance Tracking",
description: "Continuous monitoring and adjustments.",
buttonIcon: "LineChart",
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-137550.jpg?_wi=2",
imageAlt: "nutrition meal plan template",
},
{
title: "Ongoing Support",
description: "Constant accountability and direct communication.",
buttonIcon: "MessageSquare",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-gym-sports-ladies-sportswear-friends-training_1157-44988.jpg?_wi=2",
imageAlt: "nutrition meal plan template",
},
{ title: "Nutrition Plans", description: "Customized macros and meal plans to fuel your progress.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-chopping-onion-by-knife-wooden-board_169016-49356.jpg" },
{ title: "Training Programs", description: "Evidence-based strength and conditioning routines.", buttonIcon: Dumbbell, imageSrc: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg" },
{ title: "Performance Tracking", description: "Continuous monitoring and adjustments.", buttonIcon: LineChart, imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-137550.jpg" },
{ title: "Ongoing Support", description: "Constant accountability and direct communication.", buttonIcon: MessageSquare, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-gym-sports-ladies-sportswear-friends-training_1157-44988.jpg" },
]}
title="My Coaching Approach"
description="Comprehensive programs designed to guide you from start to finish."
@@ -148,21 +93,9 @@ export default function LandingPage() {
title="Impact by the Numbers"
tag="Proven Results"
metrics={[
{
id: "1",
value: "500+",
description: "Successful Transformations",
},
{
id: "2",
value: "12k+",
description: "Meals Planned",
},
{
id: "3",
value: "100%",
description: "Commitment to Progress",
},
{ id: "1", value: "500+", description: "Successful Transformations" },
{ id: "2", value: "12k+", description: "Meals Planned" },
{ id: "3", value: "100%", description: "Commitment to Progress" },
]}
metricsAnimation="slide-up"
/>
@@ -175,42 +108,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Full Coaching Bundle",
price: "$199",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-man-training-outdoors-living-active-healthy_1328-2993.jpg",
},
{
id: "p2",
name: "Meal Plan Guide",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/health-fitness-nutrition-monitor-wellness-concept_53876-125041.jpg",
},
{
id: "p3",
name: "Transformation Pack",
price: "$99",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-body-builder-challenge_53876-122419.jpg",
},
{
id: "p4",
name: "Equipment Starter Kit",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-138086.jpg",
},
{
id: "p5",
name: "Monthly Nutrition Plan",
price: "$59",
imageSrc: "http://img.b2bpic.net/free-photo/view-meal-container-with-planner_23-2148484677.jpg",
},
{
id: "p6",
name: "Performance Tracker",
price: "$29",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991211.jpg",
},
{ id: "p1", name: "Full Coaching Bundle", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/fitness-man-training-outdoors-living-active-healthy_1328-2993.jpg" },
{ id: "p2", name: "Meal Plan Guide", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/health-fitness-nutrition-monitor-wellness-concept_53876-125041.jpg" },
{ id: "p3", name: "Transformation Pack", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/fitness-body-builder-challenge_53876-122419.jpg" },
]}
title="Programs & Tools"
description="Get started with my curated coaching tools and guides."
@@ -221,31 +121,9 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-woman-with-towel-resting_171337-6262.jpg",
},
{
id: "t2",
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/trans-man-exercising-gym_23-2149712787.jpg",
},
{
id: "t3",
name: "Emily Chen",
imageSrc: "http://img.b2bpic.net/free-photo/happy-fit-girl-enjoying-favorite-music_1262-18243.jpg",
},
{
id: "t4",
name: "Marcus R.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-various-denim-isolated_329181-16822.jpg",
},
{
id: "t5",
name: "Chloe West",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg",
},
{ id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-woman-with-towel-resting_171337-6262.jpg" },
{ id: "t2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/trans-man-exercising-gym_23-2149712787.jpg" },
{ id: "t3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/happy-fit-girl-enjoying-favorite-music_1262-18243.jpg" },
]}
cardTitle="Client Stories"
cardTag="Success Stories"
@@ -257,21 +135,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How do I get started?",
content: "Just reach out via the contact form and we'll schedule a consultation.",
},
{
id: "q2",
title: "Do I need a gym membership?",
content: "Programs can be customized for home or gym training.",
},
{
id: "q3",
title: "How often do we check in?",
content: "We have bi-weekly check-ins to ensure your progress stays on track.",
},
{ id: "q1", title: "How do I get started?", content: "Just reach out via the contact form and we'll schedule a consultation." },
{ id: "q2", title: "Do I need a gym membership?", content: "Programs can be customized for home or gym training." },
{ id: "q3", title: "How often do we check in?", content: "We have bi-weekly check-ins to ensure your progress stays on track." },
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about working with me."
@@ -282,9 +148,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in touch"
title="Start Your Transformation"
description="Ready to take control of your health? Let's discuss your goals."
@@ -297,33 +161,16 @@ export default function LandingPage() {
logoText="Shay Kapri Coaching"
columns={[
{
title: "Navigation",
items: [
{
label: "About",
href: "#about",
},
{
label: "Programs",
href: "#features",
},
{
label: "Shop",
href: "#products",
},
title: "Navigation", items: [
{ label: "About", href: "#about" },
{ label: "Programs", href: "#features" },
{ label: "Shop", href: "#products" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}
@@ -332,4 +179,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}