Merge version_1 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Curriculum",
|
||||
id: "#curriculum",
|
||||
},
|
||||
name: "Curriculum", id: "#curriculum"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Jade Institute"
|
||||
/>
|
||||
@@ -58,35 +50,21 @@ export default function LandingPage() {
|
||||
description="Master the beauty of Chinese language and culture through a premium, digital-first learning experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#curriculum",
|
||||
},
|
||||
text: "Start Learning", href: "#curriculum"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ink_1417-1955.jpg?_wi=1",
|
||||
imageAlt: "Luxurious Chinese cultural heritage",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ink_1417-1955.jpg", imageAlt: "Luxurious Chinese cultural heritage"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-silk-fabric-texture_23-2151943840.jpg",
|
||||
imageAlt: "Elegance in learning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-silk-fabric-texture_23-2151943840.jpg", imageAlt: "Elegance in learning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-new-year-still-life-tiger-celebration_23-2149210735.jpg",
|
||||
imageAlt: "Tradition meets technology",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-new-year-still-life-tiger-celebration_23-2149210735.jpg", imageAlt: "Tradition meets technology"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-chinese-ink-with-copy-space_23-2148826185.jpg",
|
||||
imageAlt: "Sophisticated language mastery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-chinese-ink-with-copy-space_23-2148826185.jpg", imageAlt: "Sophisticated language mastery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-fabric-cloth-texture-as-background_127675-2813.jpg",
|
||||
imageAlt: "Cultural deep dive",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-fabric-cloth-texture-as-background_127675-2813.jpg", imageAlt: "Cultural deep dive"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-gold-textured-background-black-abstract-art_53876-128479.jpg",
|
||||
imageAlt: "Master chinese culture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-gold-textured-background-black-abstract-art_53876-128479.jpg", imageAlt: "Master chinese culture"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,57 +74,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Knowledge"
|
||||
description="The Jade Institute provides a uniquely curated pathway into Chinese culture. Our platform blends deep historical insights with modern pedagogical techniques, ensuring an elegant and efficient path to mastery."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951029.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951029.jpg"
|
||||
imageAlt="Traditional Chinese Tea Ceremony"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interactive Calligraphy",
|
||||
description: "Practice stroke order with our proprietary AI-assisted feedback system.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033610.jpg",
|
||||
imageAlt: "UI Example 1",
|
||||
},
|
||||
title: "Interactive Calligraphy", description: "Practice stroke order with our proprietary AI-assisted feedback system.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033610.jpg", imageAlt: "UI Example 1"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-angle-white-background_9975-134353.jpg",
|
||||
imageAlt: "UI Example 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ink_1417-1955.jpg?_wi=2",
|
||||
imageAlt: "luxury mobile ui gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-angle-white-background_9975-134353.jpg", imageAlt: "UI Example 2"},
|
||||
},
|
||||
{
|
||||
title: "Cultural Storytelling",
|
||||
description: "Immersive modules exploring history, art, and philosophy with expert narrative.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-app_23-2148561343.jpg",
|
||||
imageAlt: "UI Example 3",
|
||||
},
|
||||
title: "Cultural Storytelling", description: "Immersive modules exploring history, art, and philosophy with expert narrative.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-app_23-2148561343.jpg", imageAlt: "UI Example 3"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599245.jpg",
|
||||
imageAlt: "UI Example 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951029.jpg?_wi=2",
|
||||
imageAlt: "luxury mobile ui gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599245.jpg", imageAlt: "UI Example 4"},
|
||||
},
|
||||
{
|
||||
title: "Real-time Analytics",
|
||||
description: "Track your cultural proficiency with data-driven progress dashboards.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-businessman-hunting-new-office-space-home_482257-90853.jpg",
|
||||
imageAlt: "UI Example 5",
|
||||
},
|
||||
title: "Real-time Analytics", description: "Track your cultural proficiency with data-driven progress dashboards.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-businessman-hunting-new-office-space-home_482257-90853.jpg", imageAlt: "UI Example 5"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-happy-woman-young-beautiful-sweater_1303-2696.jpg",
|
||||
imageAlt: "UI Example 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785881.jpg?_wi=1",
|
||||
imageAlt: "luxury mobile ui gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-happy-woman-young-beautiful-sweater_1303-2696.jpg", imageAlt: "UI Example 6"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -162,54 +117,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Standard",
|
||||
price: "$49",
|
||||
subtitle: "Foundations of language and basic heritage.",
|
||||
features: [
|
||||
"12 Modules",
|
||||
"Mobile Access",
|
||||
"Standard Feedback",
|
||||
],
|
||||
id: "1", badge: "Standard", price: "$49", subtitle: "Foundations of language and basic heritage.", features: [
|
||||
"12 Modules", "Mobile Access", "Standard Feedback"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Elite",
|
||||
price: "$129",
|
||||
subtitle: "Comprehensive mastery for the ambitious.",
|
||||
features: [
|
||||
"All Modules",
|
||||
"AI Stroke Practice",
|
||||
"1-on-1 Sessions",
|
||||
],
|
||||
id: "2", badge: "Elite", price: "$129", subtitle: "Comprehensive mastery for the ambitious.", features: [
|
||||
"All Modules", "AI Stroke Practice", "1-on-1 Sessions"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Jade",
|
||||
price: "$299",
|
||||
subtitle: "Executive cultural immersion program.",
|
||||
features: [
|
||||
"Private Mentorship",
|
||||
"Custom Heritage Path",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "3", badge: "Jade", price: "$299", subtitle: "Executive cultural immersion program.", features: [
|
||||
"Private Mentorship", "Custom Heritage Path", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -225,20 +153,11 @@ export default function LandingPage() {
|
||||
tag="Our Growth"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
description: "Global Scholars",
|
||||
},
|
||||
id: "1", value: "10k+", description: "Global Scholars"},
|
||||
{
|
||||
id: "2",
|
||||
value: "450+",
|
||||
description: "Curated Modules",
|
||||
},
|
||||
id: "2", value: "450+", description: "Curated Modules"},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Student Satisfaction",
|
||||
},
|
||||
id: "3", value: "98%", description: "Student Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -251,40 +170,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
role: "Global Manager",
|
||||
testimonial: "An truly elegant journey into the heart of chinese culture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785881.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Elena R.", role: "Global Manager", testimonial: "An truly elegant journey into the heart of chinese culture.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785881.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus L.",
|
||||
role: "Student",
|
||||
testimonial: "The calligraphy AI feedback is revolutionary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-living-village-nature_114579-9884.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus L.", role: "Student", testimonial: "The calligraphy AI feedback is revolutionary.", imageSrc: "http://img.b2bpic.net/free-photo/old-man-living-village-nature_114579-9884.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah J.",
|
||||
role: "Architect",
|
||||
testimonial: "Masterfully designed curriculum. Simply superb.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-doing-homework_23-2149438479.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah J.", role: "Architect", testimonial: "Masterfully designed curriculum. Simply superb.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-doing-homework_23-2149438479.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Designer",
|
||||
testimonial: "The aesthetic of the platform is truly world-class.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-working-together_23-2148868452.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Designer", testimonial: "The aesthetic of the platform is truly world-class.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-working-together_23-2148868452.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Wei C.",
|
||||
role: "Academic",
|
||||
testimonial: "I have not seen a more thorough cultural module system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-counselor-preparing-session-with-client-cabinet_482257-125582.jpg",
|
||||
},
|
||||
id: "5", name: "Wei C.", role: "Academic", testimonial: "I have not seen a more thorough cultural module system.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-counselor-preparing-session-with-client-cabinet_482257-125582.jpg"},
|
||||
]}
|
||||
title="Voices of the Institute"
|
||||
description="Join thousands of successful scholars."
|
||||
@@ -297,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the AI practice work?",
|
||||
content: "Our proprietary vision system analyzes your hand movements during calligraphy sessions.",
|
||||
},
|
||||
id: "1", title: "How does the AI practice work?", content: "Our proprietary vision system analyzes your hand movements during calligraphy sessions."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is the content suitable for beginners?",
|
||||
content: "Yes, our Jade tier is crafted specifically for foundational language scholars.",
|
||||
},
|
||||
id: "2", title: "Is the content suitable for beginners?", content: "Yes, our Jade tier is crafted specifically for foundational language scholars."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I upgrade my tier?",
|
||||
content: "Absolutely, seamless upgrades are available through your dashboard.",
|
||||
},
|
||||
id: "3", title: "Can I upgrade my tier?", content: "Absolutely, seamless upgrades are available through your dashboard."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your queries about our programs."
|
||||
@@ -322,8 +207,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get In Touch"
|
||||
title="Join the Institute"
|
||||
description="Begin your journey into cultural depth today."
|
||||
@@ -335,42 +219,27 @@ export default function LandingPage() {
|
||||
logoText="Jade Institute"
|
||||
columns={[
|
||||
{
|
||||
title: "Programs",
|
||||
items: [
|
||||
title: "Programs", items: [
|
||||
{
|
||||
label: "Language",
|
||||
href: "#",
|
||||
},
|
||||
label: "Language", href: "#"},
|
||||
{
|
||||
label: "Culture",
|
||||
href: "#",
|
||||
},
|
||||
label: "Culture", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user