2 Commits

Author SHA1 Message Date
5aae123837 Update src/app/page.tsx 2026-05-19 17:05:21 +00:00
f45e6c781e Merge version_2 into main
Merge version_2 into main
2026-05-19 17:04:51 +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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactCenter from '@/components/sections/contact/ContactCenter';
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 FooterBase from '@/components/sections/footer/FooterBase'; import FooterSimple from '@/components/sections/footer/FooterSimple';
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,50 +32,34 @@ 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: "#hero"}, { name: "درباره ما", id: "#about" },
{ { name: "ویژگی‌ها", id: "#features" },
name: رباره ما", id: "#about"}, { name: وره‌ها", id: "#products" },
{ { name: "تعرفه‌ها", id: "#pricing" },
name: "ویژگی‌ها", id: "#features"}, { name: "تماس با ما", id: "#contact" },
{
name: "دوره‌ها", id: "#products"},
{
name: "تعرفه‌ها", id: "#pricing"},
{
name: "تماس با ما", id: "#contact"},
]} ]}
brandName="کلاسینو" brandName="کلاسینو"
button={{ button={{ text: "ثبت‌نام", href: "#contact" }}
text: "ثبت‌نام", href: "#contact"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{ variant: "gradient-bars" }}
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: "#products"}, { text: "پشتیبانی", href: "#contact" },
{
text: "پشتیبانی", href: "#contact"},
]} ]}
avatarText="بیش از ۱۵,۰۰۰ دانش‌آموز موفق" avatarText="بیش از ۱۵,۰۰۰ دانش‌آموز موفق"
/> />
@@ -96,12 +80,10 @@ 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="ما آموزش نوآورانه را با دقت علمی ترکیب می‌کنیم تا اطمینان حاصل کنیم که هر دانش‌آموز به پتانسیل کامل خود می‌رسد."
@@ -117,7 +99,6 @@ 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="برنامه درسی جامع ما را از مفاهیم پایه تا آمادگی پیشرفته کنکور کاوش کنید."
@@ -126,19 +107,11 @@ 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: "basic", badge: ایه", price: "۱۹۹ دلار", subtitle: "برای یادگیری بنیادی", features: ["دسترسی به پودمان‌ها", "آزمون‌های تمرینی", "پشتیبانی انجمن"], { id: "pro", badge: "پیشرفته", price: "۳۹۹ دلار", subtitle: "مناسب برای آمادگی آزمون", features: ["کلاس‌های آنلاین", "منابع پیشرفته"] },
},
{
id: "pro", badge: "پیشرفته", price: "۳۹۹ دلار", subtitle: "مناسب برای آمادگی آزمون", features: ["کلاس‌های آنلاین", "منابع پیشرفته", "گزارش پیشرفت", "منتور شخصی"],
},
{
id: "elite", badge: "طلایی", price: "۶۹۹ دلار", subtitle: "بسته نهایی موفقیت", features: ["همه امکانات پیشرفته", "جلسات خصوصی", "مشاوره شغلی", "پشتیبانی ویژه"],
},
]} ]}
title="مسیر خود را انتخاب کنید" title="مسیر خود را انتخاب کنید"
description="اشتراک‌های انعطاف‌پذیر متناسب با اهداف تحصیلی شما." description="اشتراک‌های انعطاف‌پذیر متناسب با اهداف تحصیلی شما."
@@ -151,8 +124,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ 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: "t1", name: "علی رضا", handle: "@ali.math", testimonial: "کلاسینو به من کمک کرد تا در کنکور رتبه‌های برتر را کسب کنم.", rating: 5 },
{ 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="داستان‌های موفقیت"
@@ -162,10 +134,8 @@ 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"
@@ -173,39 +143,24 @@ export default function LandingPage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactCenter
useInvertedBackground={true} tag="تماس"
title="شروع مسیر موفقیت" title="شروع مسیر موفقیت"
description="سوالی دارید؟ امروز با تیم پذیرش ما تماس بگیرید." description="سوالی دارید؟ امروز با تیم پذیرش ما در تماس باشید."
inputs={[ background={{ variant: "sparkles-gradient" }}
{ name: "name", type: "text", placeholder: "نام و نام خانوادگی", required: true }, buttonText="ارسال"
{ name: "email", type: "email", placeholder: "ایمیل", required: true }, onSubmit={(email) => console.log(email)}
]}
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">
<FooterBase <FooterSimple
columns={[ columns={[
{ { title: "دسترسی سریع", items: [{ label: "خانه", href: "#hero" }, { label: "دوره‌ها", href: "#products" }] },
title: "دسترسی سریع", items: [ { title: "ارتباط با ما", items: [{ label: "۰۲۱-۱۲۳۴۵۶۷۸" }, { label: "info@classino.ir" }] },
{ label: "خانه", href: "#hero" },
{ label: "درباره ما", href: "#about" },
{ label: "تعرفه‌ها", href: "#pricing" },
],
},
{
title: "اطلاعات تماس", items: [
{ label: "تلفن: ۰۲۱-۱۲۳۴۵۶۷۸", href: "tel:02112345678" },
{ label: "ایمیل: info@classino.ir", href: "mailto:info@classino.ir" },
],
},
]} ]}
logoText="کلاسینو" bottomLeftText="کلاسینو © ۲۰۲۵"
copyrightText="© ۲۰۲۵ | کلاسینو" bottomRightText="همه حقوق محفوظ است"
/> />
</div> </div>
</ReactLenis> </ReactLenis>