Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Globe, PlayCircle, RefreshCw, Shield, Zap, CircleDot } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,14 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Platform", id: "platform" },
-          name: "Platform",          id: "platform"},
+        { name: "Membership", id: "tiers" },
-        {
+        { name: "About", id: "about" },
-          name: "Membership",          id: "tiers"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",          id: "master"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Sun Kyeong"
     />
@@ -45,55 +41,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      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: "20+", label: "Countries Active" },
-          value: "12+",          label: "Global Centers"},
-        {
-          value: "20+",          label: "Countries Active"},
       ]}
       enableKpiAnimation={true}
-      buttons={[
+      buttons={[{ text: "Start Free Trial", href: "#tiers" }, { text: "Explore Platform", href: "#platform" }]}
-        {
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C3MlAhqX5T0E5QMYJVl2d0YnsC/uploaded-1775610700045-182dygzm.jpg"
-          text: "Start Free Trial",          href: "#tiers"},
-        {
-          text: "Explore Platform",          href: "#platform"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=1"
       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/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/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"},
-      ]}
-      avatarText="Join 5,000+ practitioners"
-      marqueeItems={[
-        {
-          type: "text",          text: "Ancestral Clearing"},
-        {
-          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: "True Nature Realization"},
-      ]}
     />
   </div>
 
@@ -102,15 +62,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Energy Work for the Root"
       metrics={[
-        {
+        { icon: Zap, label: "Qi Energy Cultivation", value: "Daily" },
-          icon: Zap,
+        { icon: Shield, label: "Ancestral Patterns", value: "Cleared" },
-          label: "Qi Energy Cultivation",          value: "Daily"},
+        { icon: Globe, label: "Global Community", value: "Worldwide" },
-        {
-          icon: Shield,
-          label: "Ancestral Patterns",          value: "Cleared"},
-        {
-          icon: Globe,
-          label: "Global Community",          value: "Worldwide"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -122,15 +76,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Daily Qi Practice", description: "Structured morning and evening movements to clear meridians.", bentoComponent: "reveal-icon", icon: RefreshCw },
-          title: "Daily Qi Practice",          description: "Structured morning and evening movements to clear meridians.",          bentoComponent: "reveal-icon",          icon: RefreshCw,
+        { title: "Masterclass Library", description: "Deep teachings on the invisible world and energy mechanics.", bentoComponent: "reveal-icon", icon: PlayCircle },
-        },
+        { title: "Ancestor Healing", description: "The root-level process for clearing inherited life patterns.", bentoComponent: "reveal-icon", icon: CircleDot },
-        {
-          title: "Masterclass Library",          description: "Deep teachings on the invisible world and energy mechanics.",          bentoComponent: "reveal-icon",          icon: PlayCircle,
-        },
-        {
-          title: "Ancestor Healing",          description: "The root-level process for clearing inherited life patterns.",          bentoComponent: "reveal-icon",          icon: CircleDot,
-        },
       ]}
       title="Complete Practice Pillars"
       description="Five core pillars structure your journey toward optimal vibration and ancestral clarity."
@@ -138,139 +86,52 @@ export default function LandingPage() {
   </div>
 
   <div id="tiers" data-section="tiers">
-      <PricingCardEight
+      <PricingCardOne
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="split"
       useInvertedBackground={false}
-      plans={[
-        {
-          id: "1",          badge: "Starter",          price: "$0",          subtitle: "Foundational access",          features: [
-            "7-day intro",            "3 foundational practices",            "Monthly newsletter"],
-          buttons: [
-            {
-              text: "Begin Free",              href: "#"},
-          ],
-        },
-        {
-          id: "2",          badge: "Practitioner",          price: "$49",          subtitle: "Complete daily practice",          features: [
-            "Full practice library",            "Daily live Qi",            "All Masterclasses"],
-          buttons: [
-            {
-              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"],
-          buttons: [
-            {
-              text: "Apply Now",              href: "#"},
-          ],
-        },
-      ]}
       title="Membership Tiers"
       description="Select the level of depth that fits your current practice."
+      plans={[
+        { id: "1", badge: "Starter", price: "$0", subtitle: "Foundational access", features: ["7-day intro", "3 foundational practices", "Monthly newsletter"] },
+        { id: "2", badge: "Practitioner", price: "$49", subtitle: "Complete daily practice", features: ["Full practice library", "Daily live Qi", "All Masterclasses"] },
+        { id: "3", badge: "Master Circle", price: "$199", subtitle: "Direct Master Oh access", features: ["Monthly live with Oh", "Retreats included", "Ancestor Healing deep dive"] },
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
+      <TestimonialCardSix
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       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=2"},
-        {
-          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=3"},
-        {
-          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=4"},
-        {
-          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=5"},
-        {
-          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=6"},
-      ]}
-      kpiItems={[
-        {
-          value: "5000+",          label: "Lives Transformed"},
-        {
-          value: "12",          label: "International Centers"},
-        {
-          value: "98%",          label: "Member Satisfaction"},
-      ]}
       title="Member Transformations"
       description="Stories from practitioners around the world finding their true nature."
+      testimonials={[
+        { id: "1", name: "Sarah M.", handle: "@sarahm", testimonial: "The daily practice has transformed my life.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C3MlAhqX5T0E5QMYJVl2d0YnsC/uploaded-1775610700045-88384rf7.jpg" },
+        { id: "2", name: "Marco D.", handle: "@marcod", testimonial: "Ancestor healing cleared blockages I had for years.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C3MlAhqX5T0E5QMYJVl2d0YnsC/uploaded-1775610700045-h35vns0x.jpg" },
+        { id: "3", name: "Clara B.", handle: "@clarab", testimonial: "Deep teachings, profound results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C3MlAhqX5T0E5QMYJVl2d0YnsC/uploaded-1775610700045-xdg8xjvh.jpg" },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
-      useInvertedBackground={false}
+      tag="Join Us"
       title="Start Your Journey"
       description="Have questions about membership or the practice? Get in touch."
-      inputs={[
+      useInvertedBackground={false}
-        {
+      background={{ variant: "gradient-bars" }}
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C3MlAhqX5T0E5QMYJVl2d0YnsC/uploaded-1775610700045-l9ivojm4.png"
-        },
+      imageAlt="Contact us"
-        {
-          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"
-      imageAlt="Contact background"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterLogoReveal
-      columns={[
-        {
-          items: [
-            {
-              label: "Daily Practice",              href: "#platform"},
-            {
-              label: "Masterclasses",              href: "#platform"},
-            {
-              label: "Ancestor Healing",              href: "#platform"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Seeker",              href: "#tiers"},
-            {
-              label: "Practitioner",              href: "#tiers"},
-            {
-              label: "Master Circle",              href: "#tiers"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Master Oh",              href: "#master"},
-            {
-              label: "Centres",              href: "#"},
-            {
-              label: "About",              href: "#master"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-            {
-              label: "Cookie Policy",              href: "#"},
-          ],
-        },
-      ]}
       logoText="Sun Kyeong"
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>