1 Commits

Author SHA1 Message Date
9f1856c009 Update src/app/page.tsx 2026-05-19 17:05:28 +00:00

View File

@@ -3,10 +3,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric'; import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix'; import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel'; import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
@@ -32,34 +32,50 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "خانه", id: "#hero" }, {
{ name: "درباره ما", id: "#about" }, name: "خانه", id: "#hero"},
{ name: "ویژگی‌ها", id: "#features" }, {
{ name: وره‌ها", id: "#products" }, name: رباره ما", id: "#about"},
{ name: "تعرفه‌ها", id: "#pricing" }, {
{ name: "تماس با ما", id: "#contact" }, name: "ویژگی‌ها", id: "#features"},
{
name: "دوره‌ها", id: "#products"},
{
name: "تعرفه‌ها", id: "#pricing"},
{
name: "تماس با ما", id: "#contact"},
]} ]}
brandName="کلاسینو" brandName="کلاسینو"
button={{ text: "ثبت‌نام", href: "#contact" }} button={{
text: "ثبت‌نام", href: "#contact"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }} background={{
variant: "gradient-bars"}}
title="آینده تحصیلی خود را بسازید" title="آینده تحصیلی خود را بسازید"
description="کلاس‌های آنلاین باکیفیت از مقطع ابتدایی تا کنکور دانشگاه. آموزش توسط برترین اساتید با یادگیری تعاملی و نتایج تضمینی." description="کلاس‌های آنلاین باکیفیت از مقطع ابتدایی تا کنکور دانشگاه. آموزش توسط برترین اساتید با یادگیری تعاملی و نتایج تضمینی."
leftCarouselItems={[ leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-papers-with-data-charts-desk-used-by-workmates-business-development-corporate-colleagues-working-project-presentation-management-marketing-strategy_482257-32053.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-papers-with-data-charts-desk-used-by-workmates-business-development-corporate-colleagues-working-project-presentation-management-marketing-strategy_482257-32053.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/e-learing-distance-education-icons-interface_53876-124201.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/teenage-couple-sitting-together-sofa-looking-digital-table_23-2148151865.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/illustration-biochemistry-study-scietific-research-laptop_53876-133746.jpg" },
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/person-writing-sticky-notes-remember-task-computer-business-woman-using-post-it-memo-paper-as-reminder-work-project-planning-company-efficiency-inspiration_482257-30592.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-serious-woman-concentrated-tablet-screen-draws-pictures-with-stylus-poses-wooden-bench-dressed-hoodie-spends-leisure-time-outdoors-against-blurred-background-works-freelance_273609-57010.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-business-centre_176420-5796.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-business-centre_176420-5796.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kids-looking-tablet_23-2149119414.jpg" },
]} ]}
buttons={[ buttons={[
{ text: "مشاهده دوره‌ها", href: "#products" }, {
{ text: "پشتیبانی", href: "#contact" }, text: "مشاهده دوره‌ها", href: "#products"},
{
text: "پشتیبانی", href: "#contact"},
]} ]}
avatarText="بیش از ۱۵,۰۰۰ دانش‌آموز موفق" avatarText="بیش از ۱۵,۰۰۰ دانش‌آموز موفق"
/> />
@@ -80,10 +96,12 @@ export default function LandingPage() {
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardSix <FeatureCardSix
useInvertedBackground={false}
textboxLayout="split" textboxLayout="split"
features={[ features={[
{ title: "درس‌های تعاملی", description: "با جلسات زنده و ابزارهای دیجیتال تعاملی مشارکت کنید.", imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-back-school-writing_23-2147864636.jpg" }, { title: "درس‌های تعاملی", description: "با جلسات زنده و ابزارهای دیجیتال تعاملی مشارکت کنید.", imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-back-school-writing_23-2147864636.jpg" },
{ title: "برنامه‌های شخصی‌سازی شده", description: "مسیرهای یادگیری سفارشی متناسب با نیازهای تحصیلی شما.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg" }, { title: "برنامه‌های شخصی‌سازی شده", description: "مسیرهای یادگیری سفارشی متناسب با نیازهای تحصیلی شما.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg" },
{ title: "اساتید متخصص", description: "از برترین ذهن‌های کشور بیاموزید.", imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-tablet-with-empty-screen_23-2148668561.jpg" },
]} ]}
title="چرا کلاسینو؟" title="چرا کلاسینو؟"
description="ما آموزش نوآورانه را با دقت علمی ترکیب می‌کنیم تا اطمینان حاصل کنیم که هر دانش‌آموز به پتانسیل کامل خود می‌رسد." description="ما آموزش نوآورانه را با دقت علمی ترکیب می‌کنیم تا اطمینان حاصل کنیم که هر دانش‌آموز به پتانسیل کامل خود می‌رسد."
@@ -99,6 +117,7 @@ export default function LandingPage() {
products={[ products={[
{ id: "p1", name: "ریاضیات پایه", price: "۱۵۰ دلار", imageSrc: "http://img.b2bpic.net/free-vector/memphis-colorful-design-cover-collection_23-2148890383.jpg" }, { id: "p1", name: "ریاضیات پایه", price: "۱۵۰ دلار", imageSrc: "http://img.b2bpic.net/free-vector/memphis-colorful-design-cover-collection_23-2148890383.jpg" },
{ id: "p2", name: "فیزیک کاربردی", price: "۲۰۰ دلار", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-stars-background_23-2147730269.jpg" }, { id: "p2", name: "فیزیک کاربردی", price: "۲۰۰ دلار", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-stars-background_23-2147730269.jpg" },
{ id: "p3", name: "ادبیات فارسی", price: "۱۸۰ دلار", imageSrc: "http://img.b2bpic.net/free-photo/environment-education-day-concept_23-2148746466.jpg" },
]} ]}
title="برنامه‌های آموزشی" title="برنامه‌های آموزشی"
description="برنامه درسی جامع ما را از مفاهیم پایه تا آمادگی پیشرفته کنکور کاوش کنید." description="برنامه درسی جامع ما را از مفاهیم پایه تا آمادگی پیشرفته کنکور کاوش کنید."
@@ -107,11 +126,19 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardOne <PricingCardOne
useInvertedBackground={false}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
plans={[ plans={[
{ id: "basic", badge: "پایه", price: "۱۹۹ دلار", subtitle: "برای یادگیری بنیادی", features: ["دسترسی به پودمان‌ها", "آزمون‌های تمرینی"] }, {
{ id: "pro", badge: "پیشرفته", price: "۳۹۹ دلار", subtitle: "مناسب برای آمادگی آزمون", features: ["کلاس‌های آنلاین", "منابع پیشرفته"] }, id: "basic", badge: ایه", price: "۱۹۹ دلار", subtitle: "برای یادگیری بنیادی", features: ["دسترسی به پودمان‌ها", "آزمون‌های تمرینی", "پشتیبانی انجمن"],
},
{
id: "pro", badge: "پیشرفته", price: "۳۹۹ دلار", subtitle: "مناسب برای آمادگی آزمون", features: ["کلاس‌های آنلاین", "منابع پیشرفته", "گزارش پیشرفت", "منتور شخصی"],
},
{
id: "elite", badge: "طلایی", price: "۶۹۹ دلار", subtitle: "بسته نهایی موفقیت", features: ["همه امکانات پیشرفته", "جلسات خصوصی", "مشاوره شغلی", "پشتیبانی ویژه"],
},
]} ]}
title="مسیر خود را انتخاب کنید" title="مسیر خود را انتخاب کنید"
description="اشتراک‌های انعطاف‌پذیر متناسب با اهداف تحصیلی شما." description="اشتراک‌های انعطاف‌پذیر متناسب با اهداف تحصیلی شما."
@@ -124,7 +151,8 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ id: "t1", name: "علی رضا", handle: "@ali.math", testimonial: "کلاسینو به من کمک کرد تا در کنکور رتبه‌های برتر را کسب کنم.", rating: 5 }, { id: "t1", name: "علی رضا", handle: "@ali.math", testimonial: "کلاسینو به من کمک کرد تا در کنکور رتبه‌های برتر را کسب کنم. عالی است!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-student-holding-smartphone_23-2149127098.jpg" },
{ id: "t2", name: "سارا احمدی", handle: "@sara.edu", testimonial: "تدریس اساتید بسیار شفاف است. بالاخره مباحثی که از آن‌ها می‌ترسیدم را درک کردم.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cool-student-stylish-glasses-doing-home-assignment-desk-making-notes-listening-music-via-wireless-headphones-attractive-young-male-artist-with-earphones-sketching-notebook-smiling_343059-2024.jpg" },
]} ]}
showRating={true} showRating={true}
title="داستان‌های موفقیت" title="داستان‌های موفقیت"
@@ -134,8 +162,10 @@ export default function LandingPage() {
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false}
faqs={[ faqs={[
{ id: "q1", title: "کلاس‌های زنده چگونه برگزار می‌شوند؟", content: "کلاس‌ها از طریق پلتفرم امن ما برگزار می‌شوند." }, { id: "q1", title: "کلاس‌های زنده چگونه برگزار می‌شوند؟", content: "کلاس‌ها از طریق پلتفرم امن ما با ویژگی‌های تعاملی برگزار می‌شوند." },
{ id: "q2", title: "آیا می‌توانم طرح اشتراک خود را لغو کنم؟", content: "بله، شما می‌توانید در هر زمان اشتراک خود را بدون جریمه لغو کنید." },
]} ]}
sideTitle="سوالات متداول" sideTitle="سوالات متداول"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -143,24 +173,39 @@ export default function LandingPage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactSplitForm
tag="تماس" useInvertedBackground={true}
title="شروع مسیر موفقیت" title="شروع مسیر موفقیت"
description="سوالی دارید؟ امروز با تیم پذیرش ما در تماس باشید." description="سوالی دارید؟ امروز با تیم پذیرش ما تماس بگیرید."
background={{ variant: "sparkles-gradient" }} inputs={[
buttonText="ارسال" { name: "name", type: "text", placeholder: "نام و نام خانوادگی", required: true },
onSubmit={(email) => console.log(email)} { name: "email", type: "email", placeholder: "ایمیل", required: true },
]}
textarea={{ name: "message", placeholder: "چگونه می‌توانیم به شما کمک کنیم؟", required: true }}
buttonText="ارسال پیام"
imageSrc="http://img.b2bpic.net/free-photo/modern-office-with-empty-chairs-computers-generated-by-ai_188544-22073.jpg"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterBase
columns={[ columns={[
{ title: "دسترسی سریع", items: [{ label: "خانه", href: "#hero" }, { label: "دوره‌ها", href: "#products" }] }, {
{ title: "ارتباط با ما", items: [{ label: "۰۲۱-۱۲۳۴۵۶۷۸" }, { label: "info@classino.ir" }] }, title: "دسترسی سریع", items: [
{ label: "خانه", href: "#hero" },
{ label: "درباره ما", href: "#about" },
{ label: "تعرفه‌ها", href: "#pricing" },
],
},
{
title: "اطلاعات تماس", items: [
{ label: "تلفن: ۰۲۱-۱۲۳۴۵۶۷۸", href: "tel:02112345678" },
{ label: "ایمیل: info@classino.ir", href: "mailto:info@classino.ir" },
],
},
]} ]}
bottomLeftText="کلاسینو © ۲۰۲۵" logoText="کلاسینو"
bottomRightText="همه حقوق محفوظ است" copyrightText="© ۲۰۲۵ | کلاسینو"
/> />
</div> </div>
</ReactLenis> </ReactLenis>