diff --git a/src/app/page.tsx b/src/app/page.tsx index 9af751d..1f35e73 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,42 +34,24 @@ export default function LandingPage() { @@ -78,51 +60,25 @@ export default function LandingPage() { @@ -200,24 +129,15 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "Our Mission: Making Fitness Accessible ", - }, + type: "text", content: "Our Mission: Making Fitness Accessible "}, { - type: "image", - src: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061442.jpg", - alt: "Diverse group exercising together", - }, + type: "image", src: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061442.jpg", alt: "Diverse group exercising together"}, { - type: "text", - content: " and Enjoyable for Everyone", - }, + type: "text", content: " and Enjoyable for Everyone"}, ]} buttons={[ { - text: "Learn More About Us", - href: "#", - }, + text: "Learn More About Us", href: "#"}, ]} /> @@ -231,29 +151,11 @@ export default function LandingPage() { carouselMode="buttons" features={[ { - title: "Personalized Workout Plans", - description: "Get custom-tailored workout routines designed by certified trainers, adapting to your progress and goals for optimal results.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-sport-home_23-2148547255.jpg", - imageAlt: "woman doing plank exercise at home", - titleImageSrc: "http://img.b2bpic.net/free-photo/check-mark-circle-front-side_187299-39224.jpg", - buttonText: "Discover Your Plan", - }, + title: "Personalized Workout Plans", description: "Get custom-tailored workout routines designed by certified trainers, adapting to your progress and goals for optimal results.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-sport-home_23-2148547255.jpg", imageAlt: "woman doing plank exercise at home", titleImageSrc: "http://img.b2bpic.net/free-photo/check-mark-circle-front-side_187299-39224.jpg", buttonText: "Discover Your Plan"}, { - title: "Advanced Progress Tracking", - description: "Monitor your performance with intuitive dashboards, track calories burned, reps, sets, and celebrate every milestone on your journey.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-athlete-using-mobile-phone-stadium_23-2148162126.jpg", - imageAlt: "Fitness app interface workout tracking", - titleImageSrc: "http://img.b2bpic.net/free-vector/set-statistic-data-tools-finance-diagram-graphic-chart-business_24908-59543.jpg", - buttonText: "View Your Progress", - }, + title: "Advanced Progress Tracking", description: "Monitor your performance with intuitive dashboards, track calories burned, reps, sets, and celebrate every milestone on your journey.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-athlete-using-mobile-phone-stadium_23-2148162126.jpg", imageAlt: "Fitness app interface workout tracking", titleImageSrc: "http://img.b2bpic.net/free-vector/set-statistic-data-tools-finance-diagram-graphic-chart-business_24908-59543.jpg", buttonText: "View Your Progress"}, { - title: "Motivating Community Support", - description: "Connect with fellow fitness enthusiasts, share your achievements, and get encouragement from a vibrant and inspiring community.", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-sporty-women-outdoors_23-2149161236.jpg", - imageAlt: "diverse group working out together smiling", - titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-arrangement-friendship-day_23-2148970497.jpg", - buttonText: "Join the Community", - }, + title: "Motivating Community Support", description: "Connect with fellow fitness enthusiasts, share your achievements, and get encouragement from a vibrant and inspiring community.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-sporty-women-outdoors_23-2149161236.jpg", imageAlt: "diverse group working out together smiling", titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-arrangement-friendship-day_23-2148970497.jpg", buttonText: "Join the Community"}, ]} title="Why Choose Workout Daily?" description="Experience a comprehensive fitness platform designed to cater to your unique needs and elevate your workout routine." @@ -269,65 +171,23 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "program-1", - brand: "Body Sculpt", - name: "Full Body HIIT Blast", - price: "$19.99/month", - rating: 4, - reviewCount: "2.5K", - imageSrc: "http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-26266.jpg", - imageAlt: "High-intensity interval training session", - }, + id: "program-1", brand: "Body Sculpt", name: "Full Body HIIT Blast", price: "$19.99/month", rating: 4, + reviewCount: "2.5K", imageSrc: "http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-26266.jpg", imageAlt: "High-intensity interval training session"}, { - id: "program-2", - brand: "Mind & Body", - name: "Yoga & Flexibility Flow", - price: "$14.99/month", - rating: 5, - reviewCount: "1.8K", - imageSrc: "http://img.b2bpic.net/free-photo/women-stretching-with-leg-up-mats_7502-5145.jpg", - imageAlt: "yoga sequence woman meditating outdoors", - }, + id: "program-2", brand: "Mind & Body", name: "Yoga & Flexibility Flow", price: "$14.99/month", rating: 5, + reviewCount: "1.8K", imageSrc: "http://img.b2bpic.net/free-photo/women-stretching-with-leg-up-mats_7502-5145.jpg", imageAlt: "yoga sequence woman meditating outdoors"}, { - id: "program-3", - brand: "Power Up", - name: "Strength & Muscle Builder", - price: "$24.99/month", - rating: 4, - reviewCount: "3.1K", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-athletic-man-with-tattoo-his-hand-is-preparing-exercises-with-barbell_613910-21481.jpg", - imageAlt: "strength training dumbbells home gym", - }, + id: "program-3", brand: "Power Up", name: "Strength & Muscle Builder", price: "$24.99/month", rating: 4, + reviewCount: "3.1K", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-athletic-man-with-tattoo-his-hand-is-preparing-exercises-with-barbell_613910-21481.jpg", imageAlt: "strength training dumbbells home gym"}, { - id: "program-4", - brand: "Endurance Path", - name: "Cardio & Stamina Boost", - price: "$16.99/month", - rating: 4, - reviewCount: "2.2K", - imageSrc: "http://img.b2bpic.net/free-photo/masked-woman-training-coronavirus_1157-34288.jpg", - imageAlt: "running outdoors scenic path healthy activity", - }, + id: "program-4", brand: "Endurance Path", name: "Cardio & Stamina Boost", price: "$16.99/month", rating: 4, + reviewCount: "2.2K", imageSrc: "http://img.b2bpic.net/free-photo/masked-woman-training-coronavirus_1157-34288.jpg", imageAlt: "running outdoors scenic path healthy activity"}, { - id: "program-5", - brand: "Dynamic Move", - name: "Kickboxing & Agility", - price: "$21.99/month", - rating: 5, - reviewCount: "1.5K", - imageSrc: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-759.jpg", - imageAlt: "kickboxing class intense martial arts workout", - }, + id: "program-5", brand: "Dynamic Move", name: "Kickboxing & Agility", price: "$21.99/month", rating: 5, + reviewCount: "1.5K", imageSrc: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-759.jpg", imageAlt: "kickboxing class intense martial arts workout"}, { - id: "program-6", - brand: "Recovery Zone", - name: "Mobility & Active Recovery", - price: "$12.99/month", - rating: 4, - reviewCount: "900", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-black-woman-makes-abs-routin-floor-i-synny-loft-helthy-fitness-workout-routine_633478-2134.jpg", - imageAlt: "mobility exercises dynamic stretching routine", - }, + id: "program-6", brand: "Recovery Zone", name: "Mobility & Active Recovery", price: "$12.99/month", rating: 4, + reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-photo/side-view-black-woman-makes-abs-routin-floor-i-synny-loft-helthy-fitness-workout-routine_633478-2134.jpg", imageAlt: "mobility exercises dynamic stretching routine"}, ]} title="Explore Our Workout Programs" description="Choose from a diverse range of programs designed to target different fitness goals and preferences." @@ -341,61 +201,25 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - tag: "Start Free", - tagIcon: Sparkles, - price: "$0", - period: "/month", - description: "Access essential workouts to kickstart your fitness journey.", - button: { - text: "Get Started", - href: "#", - }, - featuresTitle: "Includes:", - features: [ - "Daily workout suggestions", - "Basic exercise library", - "Limited progress tracking", - ], + id: "basic", tag: "Start Free", tagIcon: Sparkles, + price: "$0", period: "/month", description: "Access essential workouts to kickstart your fitness journey.", button: { + text: "Get Started", href: "#"}, + featuresTitle: "Includes:", features: [ + "Daily workout suggestions", "Basic exercise library", "Limited progress tracking"], }, { - id: "pro", - tag: "Most Popular", - tagIcon: Zap, - price: "$19.99", - period: "/month", - description: "Unlock advanced features for comprehensive fitness management.", - button: { - text: "Go Pro", - href: "#", - }, - featuresTitle: "Includes all Free, plus:", - features: [ - "Personalized workout plans", - "Full exercise library", - "Advanced progress analytics", - "Community support access", - "Ad-free experience", - ], + id: "pro", tag: "Most Popular", tagIcon: Zap, + price: "$19.99", period: "/month", description: "Unlock advanced features for comprehensive fitness management.", button: { + text: "Go Pro", href: "#"}, + featuresTitle: "Includes all Free, plus:", features: [ + "Personalized workout plans", "Full exercise library", "Advanced progress analytics", "Community support access", "Ad-free experience"], }, { - id: "premium", - tag: "Ultimate Value", - tagIcon: Award, - price: "$29.99", - period: "/month", - description: "Experience the ultimate fitness journey with premium support.", - button: { - text: "Choose Premium", - href: "#", - }, - featuresTitle: "Includes all Pro, plus:", - features: [ - "1-on-1 coaching sessions", - "Exclusive premium content", - "Priority customer support", - "Early access to new features", - ], + id: "premium", tag: "Ultimate Value", tagIcon: Award, + price: "$29.99", period: "/month", description: "Experience the ultimate fitness journey with premium support.", button: { + text: "Choose Premium", href: "#"}, + featuresTitle: "Includes all Pro, plus:", features: [ + "1-on-1 coaching sessions", "Exclusive premium content", "Priority customer support", "Early access to new features"], }, ]} title="Flexible Plans for Every Goal" @@ -410,73 +234,31 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t-1", - name: "Maria S.", - role: "Marketing Manager", - company: "Global Brands", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/glad-pleased-healthy-woman-shows-muscles_273609-28251.jpg", - imageAlt: "happy woman exercising smiling outdoor", - }, + id: "t-1", name: "Maria S.", role: "Marketing Manager", company: "Global Brands", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/glad-pleased-healthy-woman-shows-muscles_273609-28251.jpg", imageAlt: "happy woman exercising smiling outdoor"}, { - id: "t-2", - name: "Chris P.", - role: "Software Engineer", - company: "Tech Solutions", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-muscular-blond-male-white-t-shirt-holds-dumbbell-grey-artistic-background_613910-12776.jpg", - imageAlt: "man feeling strong after workout", - }, + id: "t-2", name: "Chris P.", role: "Software Engineer", company: "Tech Solutions", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-muscular-blond-male-white-t-shirt-holds-dumbbell-grey-artistic-background_613910-12776.jpg", imageAlt: "man feeling strong after workout"}, { - id: "t-3", - name: "Anna L.", - role: "Entrepreneur", - company: "Startup Hub", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-practicing-yoga-outdoors-park_23-2148685722.jpg", - imageAlt: "senior woman active exercising joyful", - }, + id: "t-3", name: "Anna L.", role: "Entrepreneur", company: "Startup Hub", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-practicing-yoga-outdoors-park_23-2148685722.jpg", imageAlt: "senior woman active exercising joyful"}, { - id: "t-4", - name: "Ben H.", - role: "Product Designer", - company: "Creative Minds", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-active-menopause_23-2149193323.jpg", - imageAlt: "young couple working out together happy", - }, + id: "t-4", name: "Ben H.", role: "Product Designer", company: "Creative Minds", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-active-menopause_23-2149193323.jpg", imageAlt: "young couple working out together happy"}, { - id: "t-5", - name: "Sophia G.", - role: "Data Analyst", - company: "Analytics Corp", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-playing-summer-field_1157-37737.jpg", - imageAlt: "mother exercising with baby happy", - }, + id: "t-5", name: "Sophia G.", role: "Data Analyst", company: "Analytics Corp", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-playing-summer-field_1157-37737.jpg", imageAlt: "mother exercising with baby happy"}, { - id: "t-6", - name: "Daniel F.", - role: "Freelance Writer", - company: "Wordsmith", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-match-court_23-2151190036.jpg", - imageAlt: "person running in park at sunset motivated", - }, + id: "t-6", name: "Daniel F.", role: "Freelance Writer", company: "Wordsmith", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-match-court_23-2151190036.jpg", imageAlt: "person running in park at sunset motivated"}, ]} kpiItems={[ { - value: "98%", - label: "User Satisfaction", - }, + value: "98%", label: "User Satisfaction"}, { - value: "100K+", - label: "Active Users", - }, + value: "100K+", label: "Active Users"}, { - value: "4.9/5", - label: "App Store Rating", - }, + value: "4.9/5", label: "App Store Rating"}, ]} title="Hear From Our Happy Users" description="Real stories from people who transformed their fitness journey with Workout Daily." @@ -490,25 +272,13 @@ export default function LandingPage() { tag="Fitness Achievements" metrics={[ { - id: "m1", - value: "5M+", - description: "Workouts Completed", - }, + id: "m1", value: "5M+", description: "Workouts Completed"}, { - id: "m2", - value: "1M+", - description: "Hours Logged", - }, + id: "m2", value: "1M+", description: "Hours Logged"}, { - id: "m3", - value: "500K+", - description: "Goals Achieved", - }, + id: "m3", value: "500K+", description: "Goals Achieved"}, { - id: "m4", - value: "95%", - description: "Retained Users", - }, + id: "m4", value: "95%", description: "Retained Users"}, ]} metricsAnimation="slide-up" /> @@ -520,30 +290,15 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "What kind of workouts do you offer?", - content: "We offer a diverse range of workouts including HIIT, strength training, yoga, Pilates, cardio, and active recovery. Our plans are tailored to various fitness levels and goals.", - }, + id: "faq1", title: "What kind of workouts do you offer?", content: "We offer a diverse range of workouts including HIIT, strength training, yoga, Pilates, cardio, and active recovery. Our plans are tailored to various fitness levels and goals."}, { - id: "faq2", - title: "Can I customize my workout plan?", - content: "Yes, our Pro and Premium plans offer personalized workout plans. You can set your goals, preferences, and available equipment, and our system will generate a customized routine for you.", - }, + id: "faq2", title: "Can I customize my workout plan?", content: "Yes, our Pro and Premium plans offer personalized workout plans. You can set your goals, preferences, and available equipment, and our system will generate a customized routine for you."}, { - id: "faq3", - title: "Is there a free trial available?", - content: "Absolutely! Our Basic plan is completely free and provides access to essential workout suggestions and a basic exercise library to get you started.", - }, + id: "faq3", title: "Is there a free trial available?", content: "Absolutely! Our Basic plan is completely free and provides access to essential workout suggestions and a basic exercise library to get you started."}, { - id: "faq4", - title: "What if I need help or have questions?", - content: "Our support team is here to help! Premium users get priority support, but all users can access our extensive FAQ section or reach out via our contact form.", - }, + id: "faq4", title: "What if I need help or have questions?", content: "Our support team is here to help! Premium users get priority support, but all users can access our extensive FAQ section or reach out via our contact form."}, { - id: "faq5", - title: "Do you offer nutritional guidance?", - content: "While our primary focus is on workout plans, we provide general nutritional tips and resources as part of our premium content to complement your fitness journey.", - }, + id: "faq5", title: "Do you offer nutritional guidance?", content: "While our primary focus is on workout plans, we provide general nutritional tips and resources as part of our premium content to complement your fitness journey."}, ]} imageSrc="http://img.b2bpic.net/free-photo/woman-keeping-hand-head-orange-hoodie-looking-dreamy_176474-88006.jpg" imageAlt="woman stretching question mark thoughtful" @@ -559,18 +314,13 @@ export default function LandingPage() { @@ -579,13 +329,9 @@ export default function LandingPage() { diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index ee8d361..fd718b9 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f6f0e9; - --card: #efe7dd; - --foreground: #2b180a; - --primary-cta: #2b180a; - --primary-cta-text: #f6f0e9; - --secondary-cta: #efe7dd; - --secondary-cta-text: #2b180a; - --accent: #94877c; - --background-accent: #afa094; + --background: #ffffff; + --card: #f9f9f9; + --foreground: #000612e6; + --primary-cta: #106EFB; + --primary-cta-text: #ffffff; + --secondary-cta: #f9f9f9; + --secondary-cta-text: #000612e6; + --accent: #e2e2e2; + --background-accent: #106EFB; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);