Merge version_1 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Globe, PlayCircle, RefreshCw, Shield, Zap } from "lucide-react";
|
||||
import { Globe, PlayCircle, RefreshCw, Shield, Zap, CircleDot } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Platform",
|
||||
id: "platform",
|
||||
},
|
||||
name: "Platform", id: "platform"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "tiers",
|
||||
},
|
||||
name: "Membership", id: "tiers"},
|
||||
{
|
||||
name: "About",
|
||||
id: "master",
|
||||
},
|
||||
name: "About", id: "master"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sun Kyeong"
|
||||
/>
|
||||
@@ -54,84 +46,53 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Raise Your Vibration. Find Your True Nature."
|
||||
description="The complete practice platform for Master Oh’s energy healing. Daily Qi, Ancestor Healing, and live Masterclasses, accessible anywhere."
|
||||
kpis={[
|
||||
{
|
||||
value: "35+",
|
||||
label: "Years of Mastery",
|
||||
},
|
||||
value: "35+", label: "Years of Mastery"},
|
||||
{
|
||||
value: "12+",
|
||||
label: "Global Centers",
|
||||
},
|
||||
value: "12+", label: "Global Centers"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Countries Active",
|
||||
},
|
||||
value: "20+", label: "Countries Active"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#tiers",
|
||||
},
|
||||
text: "Start Free Trial", href: "#tiers"},
|
||||
{
|
||||
text: "Explore Platform",
|
||||
href: "#platform",
|
||||
},
|
||||
text: "Explore Platform", href: "#platform"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg"
|
||||
imageAlt="Sun Kyeong energy practice"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-confident-senior-man_23-2148241225.jpg",
|
||||
alt: "Practitioner 1",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/portrait-confident-senior-man_23-2148241225.jpg", alt: "Practitioner 1"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/smiling-woman-meditating_23-2148241225.jpg",
|
||||
alt: "Practitioner 2",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/smiling-woman-meditating_23-2148241225.jpg", alt: "Practitioner 2"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/young-man-smiling_23-2148241225.jpg",
|
||||
alt: "Practitioner 3",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/young-man-smiling_23-2148241225.jpg", alt: "Practitioner 3"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/woman-practicing-yoga_23-2148241225.jpg",
|
||||
alt: "Practitioner 4",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/woman-practicing-yoga_23-2148241225.jpg", alt: "Practitioner 4"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/man-calm-expression_23-2148241225.jpg",
|
||||
alt: "Practitioner 5",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/man-calm-expression_23-2148241225.jpg", alt: "Practitioner 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ practitioners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ancestral Clearing",
|
||||
type: "text", text: "Ancestral Clearing"},
|
||||
{
|
||||
type: "text-icon", text: "Daily Qi Practice", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Qi Practice",
|
||||
icon: Zap,
|
||||
type: "text", text: "Energy Mechanics"},
|
||||
{
|
||||
type: "text-icon", text: "Live Masterclasses", icon: PlayCircle,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Energy Mechanics",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Live Masterclasses",
|
||||
icon: PlayCircle,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "True Nature Realization",
|
||||
},
|
||||
type: "text", text: "True Nature Realization"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,19 +104,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Qi Energy Cultivation",
|
||||
value: "Daily",
|
||||
},
|
||||
label: "Qi Energy Cultivation", value: "Daily"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Ancestral Patterns",
|
||||
value: "Cleared",
|
||||
},
|
||||
label: "Ancestral Patterns", value: "Cleared"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Community",
|
||||
value: "Worldwide",
|
||||
},
|
||||
label: "Global Community", value: "Worldwide"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -168,35 +123,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Daily Qi Practice",
|
||||
description: "Structured morning and evening movements to clear meridians.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: RefreshCw,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=2",
|
||||
imageAlt: "abstract energy field light particles",
|
||||
},
|
||||
title: "Daily Qi Practice", description: "Structured morning and evening movements to clear meridians.", bentoComponent: "reveal-icon", icon: RefreshCw,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg", imageAlt: "abstract energy field light particles"},
|
||||
{
|
||||
title: "Masterclass Library",
|
||||
description: "Deep teachings on the invisible world and energy mechanics.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: PlayCircle,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-meditating-mans-hands-barefoot-man-sitting-lotus-pose-with-smoke-around-making-sign-with-fingers-hobby-spirituality-health-concept_74855-23557.jpg",
|
||||
imageAlt: "serene person energy practice",
|
||||
},
|
||||
title: "Masterclass Library", description: "Deep teachings on the invisible world and energy mechanics.", bentoComponent: "reveal-icon", icon: PlayCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-meditating-mans-hands-barefoot-man-sitting-lotus-pose-with-smoke-around-making-sign-with-fingers-hobby-spirituality-health-concept_74855-23557.jpg", imageAlt: "serene person energy practice"},
|
||||
{
|
||||
title: "Ancestor Healing",
|
||||
description: "The root-level process for clearing inherited life patterns.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CircleDot,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-texture-with-copy-space_23-2148402421.jpg?_wi=1",
|
||||
imageAlt: "minimalist modern dark architecture",
|
||||
},
|
||||
title: "Ancestor Healing", description: "The root-level process for clearing inherited life patterns.", bentoComponent: "reveal-icon", icon: CircleDot,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-texture-with-copy-space_23-2148402421.jpg", imageAlt: "minimalist modern dark architecture"},
|
||||
]}
|
||||
title="Complete Practice Pillars"
|
||||
description="Five core pillars structure your journey toward optimal vibration and ancestral clarity."
|
||||
@@ -210,54 +144,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Starter",
|
||||
price: "$0",
|
||||
subtitle: "Foundational access",
|
||||
features: [
|
||||
"7-day intro",
|
||||
"3 foundational practices",
|
||||
"Monthly newsletter",
|
||||
],
|
||||
id: "1", badge: "Starter", price: "$0", subtitle: "Foundational access", features: [
|
||||
"7-day intro", "3 foundational practices", "Monthly newsletter"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Begin Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Begin Free", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Practitioner",
|
||||
price: "$49",
|
||||
subtitle: "Complete daily practice",
|
||||
features: [
|
||||
"Full practice library",
|
||||
"Daily live Qi",
|
||||
"All Masterclasses",
|
||||
],
|
||||
id: "2", badge: "Practitioner", price: "$49", subtitle: "Complete daily practice", features: [
|
||||
"Full practice library", "Daily live Qi", "All Masterclasses"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Trial",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Trial", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Master Circle",
|
||||
price: "$199",
|
||||
subtitle: "Direct Master Oh access",
|
||||
features: [
|
||||
"Monthly live with Oh",
|
||||
"Retreats included",
|
||||
"Ancestor Healing deep dive",
|
||||
],
|
||||
id: "3", badge: "Master Circle", price: "$199", subtitle: "Direct Master Oh access", features: [
|
||||
"Monthly live with Oh", "Retreats included", "Ancestor Healing deep dive"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Apply Now", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -273,59 +180,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah M.",
|
||||
role: "Founder",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Sarah M.", role: "Founder", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marco D.",
|
||||
role: "CEO",
|
||||
company: "Global Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=4",
|
||||
},
|
||||
id: "2", name: "Marco D.", role: "CEO", company: "Global Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara B.",
|
||||
role: "Private Investor",
|
||||
company: "Zurich Capital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=5",
|
||||
},
|
||||
id: "3", name: "Clara B.", role: "Private Investor", company: "Zurich Capital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Designer",
|
||||
company: "Creative Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=6",
|
||||
},
|
||||
id: "4", name: "David L.", role: "Designer", company: "Creative Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
role: "Executive",
|
||||
company: "Health First",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=7",
|
||||
},
|
||||
id: "5", name: "Elena P.", role: "Executive", company: "Health First", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Lives Transformed",
|
||||
},
|
||||
value: "5000+", label: "Lives Transformed"},
|
||||
{
|
||||
value: "12",
|
||||
label: "International Centers",
|
||||
},
|
||||
value: "12", label: "International Centers"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Member Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Member Satisfaction"},
|
||||
]}
|
||||
title="Member Transformations"
|
||||
description="Stories from practitioners around the world finding their true nature."
|
||||
@@ -339,19 +215,13 @@ export default function LandingPage() {
|
||||
description="Have questions about membership or the practice? Get in touch."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-wooden-texture-with-copy-space_23-2148402421.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-wooden-texture-with-copy-space_23-2148402421.jpg"
|
||||
imageAlt="Contact background"
|
||||
/>
|
||||
</div>
|
||||
@@ -362,65 +232,41 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Daily Practice",
|
||||
href: "#platform",
|
||||
},
|
||||
label: "Daily Practice", href: "#platform"},
|
||||
{
|
||||
label: "Masterclasses",
|
||||
href: "#platform",
|
||||
},
|
||||
label: "Masterclasses", href: "#platform"},
|
||||
{
|
||||
label: "Ancestor Healing",
|
||||
href: "#platform",
|
||||
},
|
||||
label: "Ancestor Healing", href: "#platform"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Seeker",
|
||||
href: "#tiers",
|
||||
},
|
||||
label: "Seeker", href: "#tiers"},
|
||||
{
|
||||
label: "Practitioner",
|
||||
href: "#tiers",
|
||||
},
|
||||
label: "Practitioner", href: "#tiers"},
|
||||
{
|
||||
label: "Master Circle",
|
||||
href: "#tiers",
|
||||
},
|
||||
label: "Master Circle", href: "#tiers"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Master Oh",
|
||||
href: "#master",
|
||||
},
|
||||
label: "Master Oh", href: "#master"},
|
||||
{
|
||||
label: "Centres",
|
||||
href: "#",
|
||||
},
|
||||
label: "Centres", href: "#"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#master",
|
||||
},
|
||||
label: "About", href: "#master"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user