Update src/app/page.tsx
This commit is contained in:
239
src/app/page.tsx
239
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user