Merge version_2 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -6,7 +6,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import { CheckCircle, Star, TrendingUp, Users } from "lucide-react";
|
||||
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="ElevateMe"
|
||||
/>
|
||||
@@ -49,33 +43,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Transform Your Life, One Habit at a Time"
|
||||
description="Build confidence, improve personality, and track your habits with our smart platform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=1",
|
||||
imageAlt: "Hero visual",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=1", imageAlt: "Hero visual"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=2",
|
||||
imageAlt: "Hero visual",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=2", imageAlt: "Hero visual"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=3",
|
||||
imageAlt: "Hero visual",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=3", imageAlt: "Hero visual"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -87,23 +70,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Personality Development",
|
||||
description: "Improve communication and confidence through daily guided exercises.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/counslting-branding-identity-corporate-vector-logo-design_460848-13846.jpg",
|
||||
imageAlt: "Development",
|
||||
},
|
||||
title: "Personality Development", description: "Improve communication and confidence through daily guided exercises.", imageSrc: "http://img.b2bpic.net/free-vector/counslting-branding-identity-corporate-vector-logo-design_460848-13846.jpg", imageAlt: "Development"},
|
||||
{
|
||||
title: "Habit Tracker",
|
||||
description: "Track your daily routines and visualize your progress over time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-arrangement-with-notebook_23-2149046720.jpg",
|
||||
imageAlt: "Habit",
|
||||
},
|
||||
title: "Habit Tracker", description: "Track your daily routines and visualize your progress over time.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-arrangement-with-notebook_23-2149046720.jpg", imageAlt: "Habit"},
|
||||
{
|
||||
title: "Smart Assistance",
|
||||
description: "Get personalized daily tips, reminders, and motivation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-condom-white-background_23-2148259780.jpg",
|
||||
imageAlt: "Assistance",
|
||||
},
|
||||
title: "Smart Assistance", description: "Get personalized daily tips, reminders, and motivation.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-condom-white-background_23-2148259780.jpg", imageAlt: "Assistance"},
|
||||
]}
|
||||
title="Features"
|
||||
description="Powerful tools to help you grow every single day."
|
||||
@@ -117,49 +88,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Free",
|
||||
price: "$0/month",
|
||||
subtitle: "Perfect for beginners",
|
||||
buttons: [
|
||||
id: "basic", badge: "Free", price: "$0/month", subtitle: "Perfect for beginners", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
text: "Get Started"},
|
||||
],
|
||||
features: [
|
||||
"Limited tracking",
|
||||
"Community access",
|
||||
],
|
||||
"Limited tracking", "Community access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$10/month",
|
||||
subtitle: "Level up your habits",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro", price: "$10/month", subtitle: "Level up your habits", buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
},
|
||||
text: "Upgrade"},
|
||||
],
|
||||
features: [
|
||||
"Full habit tracking",
|
||||
"Personalized tips",
|
||||
],
|
||||
"Full habit tracking", "Personalized tips"],
|
||||
},
|
||||
{
|
||||
id: "prem",
|
||||
badge: "Premium",
|
||||
price: "$20/month",
|
||||
subtitle: "Total transformation",
|
||||
buttons: [
|
||||
id: "prem", badge: "Premium", price: "$20/month", subtitle: "Total transformation", buttons: [
|
||||
{
|
||||
text: "Go Premium",
|
||||
},
|
||||
text: "Go Premium"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited access",
|
||||
"1-on-1 coaching",
|
||||
],
|
||||
"Unlimited access", "1-on-1 coaching"],
|
||||
},
|
||||
]}
|
||||
title="Pricing Plans"
|
||||
@@ -178,70 +128,38 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does ElevateMe help with personal growth?",
|
||||
content: "Our platform combines habit tracking with daily personality development exercises designed by experts.",
|
||||
},
|
||||
id: "q1", title: "How does ElevateMe help with personal growth?", content: "Our platform combines habit tracking with daily personality development exercises designed by experts."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a free trial for the Pro plan?",
|
||||
content: "Yes, you can try our Pro features free for 14 days when you sign up.",
|
||||
},
|
||||
id: "q2", title: "Is there a free trial for the Pro plan?", content: "Yes, you can try our Pro features free for 14 days when you sign up."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I cancel my subscription at any time?",
|
||||
content: "Absolutely, your subscription can be managed or canceled directly from your account settings.",
|
||||
},
|
||||
id: "q3", title: "Can I cancel my subscription at any time?", content: "Absolutely, your subscription can be managed or canceled directly from your account settings."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What kind of habits can I track?",
|
||||
content: "You can track any type of habit, from health and fitness to professional and personal development goals.",
|
||||
},
|
||||
id: "q4", title: "What kind of habits can I track?", content: "You can track any type of habit, from health and fitness to professional and personal development goals."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Does the app work offline?",
|
||||
content: "ElevateMe synchronizes your data when you are connected, but you can track your habits locally at any time.",
|
||||
},
|
||||
id: "q5", title: "Does the app work offline?", content: "ElevateMe synchronizes your data when you are connected, but you can track your habits locally at any time."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="See the progress our community has made together."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
title: "Active Users",
|
||||
description: "People growing daily",
|
||||
icon: Users,
|
||||
id: "m1", value: "50k+", title: "Active Users", description: "People growing daily", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
title: "Habits Built",
|
||||
description: "Consistent success",
|
||||
icon: CheckCircle,
|
||||
id: "m2", value: "1M+", title: "Habits Built", description: "Consistent success", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "User Rating",
|
||||
description: "Highly recommended",
|
||||
icon: Star,
|
||||
id: "m3", value: "4.9/5", title: "User Rating", description: "Highly recommended", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=3"
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "85%",
|
||||
title: "Goal Completion",
|
||||
description: "High success rate",
|
||||
icon: TrendingUp,
|
||||
id: "m4", value: "85%", title: "Goal Completion", description: "High success rate", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=4"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -253,29 +171,19 @@ export default function LandingPage() {
|
||||
logoText="ElevateMe"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user