bender/b6a6bb58-154d-4001-835e-8f577513659d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 08:08:55 +00:00
parent e9c8a9ba36
commit 89c428614e
1 changed files with 48 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/app/page.tsx
View File

@@ -34,34 +34,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "خانه",
id: "#hero",
},
name: "خانه", id: "#hero"},
{
name: "درباره ما",
id: "#about",
},
name: "درباره ما", id: "#about"},
{
name: "خدمات",
id: "#features",
},
name: "خدمات", id: "#features"},
{
name: "نمونه کارها",
id: "#products",
},
name: "نمونه کارها", id: "#products"},
{
name: "مشتریان",
id: "#social-proof",
},
name: "مشتریان", id: "#social-proof"},
{
name: "تماس با ما",
id: "#contact",
},
name: "تماس با ما", id: "#contact"},
]}
button={{
text: "سفارش تیزر",
href: "#contact",
}}
text: "سفارش تیزر", href: "#contact"}}
logoSrc="http://img.b2bpic.net/free-vector/cinema-background_24908-61018.jpg"
logoAlt="لوگوی تیزر خودرو"
brandName="تیزر خودرو"
@@ -71,8 +57,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
variant: "plain"}}
title="تیزرهای تبلیغاتی خودروی شما"
description="با تیزرهای تبلیغاتی سینمایی و خلاقانه ما، برند خودروی خود را در بازار متمایز کنید. ما به شما کمک می‌کنیم تا داستان برندتان را به بهترین شکل روایت کنید."
tag="پیشرو در تولید محتوای خودرو"
@@ -80,13 +65,9 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "مشاهده نمونه کارها",
href: "#products",
},
text: "مشاهده نمونه کارها", href: "#products"},
{
text: "تماس با ما",
href: "#contact",
},
text: "تماس با ما", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/young-man-closing-trunk_23-2148321895.jpg"
@@ -101,19 +82,13 @@ export default function LandingPage() {
metrics={[
{
icon: Award,
label: "سال تجربه",
value: "+10",
},
label: "سال تجربه", value: "+10"},
{
icon: Film,
label: "پروژه موفق",
value: "+200",
},
label: "پروژه موفق", value: "+200"},
{
icon: Users,
label: "مشتری راضی",
value: "+50",
},
label: "مشتری راضی", value: "+50"},
]}
metricsAnimation="slide-up"
/>
@@ -126,29 +101,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "توسعه ایده و مفهوم",
description: "تیم خلاق ما با درک عمیق از برند شما، ایده‌های نوآورانه و منحصر به فردی را برای تیزر تبلیغاتی خودروی شما خلق می‌کند.",
tag: "ایده‌پردازی",
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-using-digital-tablet-while-talking-car-mechanics-auto-repair-shop_637285-4225.jpg",
imageAlt: "توسعه ایده و مفهوم",
},
id: "f1", title: "توسعه ایده و مفهوم", description: "تیم خلاق ما با درک عمیق از برند شما، ایده‌های نوآورانه و منحصر به فردی را برای تیزر تبلیغاتی خودروی شما خلق می‌کند.", tag: "ایده‌پردازی", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-using-digital-tablet-while-talking-car-mechanics-auto-repair-shop_637285-4225.jpg", imageAlt: "توسعه ایده و مفهوم"},
{
id: "f2",
title: "فیلمبرداری حرفه‌ای",
description: "با استفاده از بروزترین تجهیزات سینمایی و تیم فیلمبرداری مجرب، تصاویری خیره‌کننده از خودروی شما به ثبت می‌رسانیم.",
tag: "تولید",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-offering-interview_23-2149037858.jpg",
imageAlt: "فیلمبرداری حرفه‌ای",
},
id: "f2", title: "فیلمبرداری حرفه‌ای", description: "با استفاده از بروزترین تجهیزات سینمایی و تیم فیلمبرداری مجرب، تصاویری خیره‌کننده از خودروی شما به ثبت می‌رسانیم.", tag: "تولید", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-offering-interview_23-2149037858.jpg", imageAlt: "فیلمبرداری حرفه‌ای"},
{
id: "f3",
title: "پس‌تولید و جلوه‌های ویژه",
description: "ادیت حرفه‌ای، طراحی صدا، موسیقی اختصاصی و جلوه‌های ویژه بصری، تیزر شما را به اثری بی‌نظیر تبدیل می‌کند.",
tag: "ادیت و VFX",
imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370168.jpg",
imageAlt: "پس‌تولید و جلوه‌های ویژه",
},
id: "f3", title: "پس‌تولید و جلوه‌های ویژه", description: "ادیت حرفه‌ای، طراحی صدا، موسیقی اختصاصی و جلوه‌های ویژه بصری، تیزر شما را به اثری بی‌نظیر تبدیل می‌کند.", tag: "ادیت و VFX", imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370168.jpg", imageAlt: "پس‌تولید و جلوه‌های ویژه"},
]}
title="خدمات جامع تولید تیزر تبلیغاتی"
description="از ایده پردازی تا پخش، ما تمامی مراحل ساخت تیزرهای تبلیغاتی خودرو را با بالاترین کیفیت برای شما انجام می‌دهیم."
@@ -163,65 +120,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "خودروی لوکس",
name: "تیزر شهری \"سرعت\" ",
price: "مشاهده پروژه",
rating: 5,
reviewCount: "54",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139317.jpg",
imageAlt: "تیزر خودروی لوکس در شهر",
},
id: "p1", brand: "خودروی لوکس", name: "تیزر شهری \"سرعت\" ", price: "مشاهده پروژه", rating: 5,
reviewCount: "54", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139317.jpg", imageAlt: "تیزر خودروی لوکس در شهر"},
{
id: "p2",
brand: "SUV ماجراجو",
name: "تیزر آفرود \"قدرت\"",
price: "مشاهده پروژه",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-vibrant-colors_23-2150796950.jpg",
imageAlt: "تیزر SUV در طبیعت",
},
id: "p2", brand: "SUV ماجراجو", name: "تیزر آفرود \"قدرت\"", price: "مشاهده پروژه", rating: 5,
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-vibrant-colors_23-2150796950.jpg", imageAlt: "تیزر SUV در طبیعت"},
{
id: "p3",
brand: "کلاسیک نوستالژیک",
name: "تیزر جاده \"میراث\"",
price: "مشاهده پروژه",
rating: 4,
reviewCount: "38",
imageSrc: "http://img.b2bpic.net/free-photo/shiny-lamp-bumper-old-headlight_1203-4248.jpg",
imageAlt: "تیزر خودروی کلاسیک",
},
id: "p3", brand: "کلاسیک نوستالژیک", name: "تیزر جاده \"میراث\"", price: "مشاهده پروژه", rating: 4,
reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/shiny-lamp-bumper-old-headlight_1203-4248.jpg", imageAlt: "تیزر خودروی کلاسیک"},
{
id: "p4",
brand: "مفهومی آینده‌نگر",
name: "تیزر استودیو \"ابتکار\"",
price: "مشاهده پروژه",
rating: 5,
reviewCount: "61",
imageSrc: "http://img.b2bpic.net/free-vector/vector-background-abstract-modern-design_779267-2658.jpg",
imageAlt: "تیزر خودروی مفهومی",
},
id: "p4", brand: "مفهومی آینده‌نگر", name: "تیزر استودیو \"ابتکار\"", price: "مشاهده پروژه", rating: 5,
reviewCount: "61", imageSrc: "http://img.b2bpic.net/free-vector/vector-background-abstract-modern-design_779267-2658.jpg", imageAlt: "تیزر خودروی مفهومی"},
{
id: "p5",
brand: "خانوادگی امن",
name: "تیزر زندگی \"راحتی\"",
price: "مشاهده پروژه",
rating: 4,
reviewCount: "29",
imageSrc: "http://img.b2bpic.net/free-photo/father-using-carries-his-newborn-baby-while-doing-daily-activities_52683-107646.jpg",
imageAlt: "تیزر خودروی خانوادگی",
},
id: "p5", brand: "خانوادگی امن", name: "تیزر زندگی \"راحتی\"", price: "مشاهده پروژه", rating: 4,
reviewCount: "29", imageSrc: "http://img.b2bpic.net/free-photo/father-using-carries-his-newborn-baby-while-doing-daily-activities_52683-107646.jpg", imageAlt: "تیزر خودروی خانوادگی"},
{
id: "p6",
brand: "اسپرت پرفورمنس",
name: "تیزر پیست \"هیجان\"",
price: "مشاهده پروژه",
rating: 5,
reviewCount: "47",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139119.jpg",
imageAlt: "تیزر خودروی اسپرت در پیست",
},
id: "p6", brand: "اسپرت پرفورمنس", name: "تیزر پیست \"هیجان\"", price: "مشاهده پروژه", rating: 5,
reviewCount: "47", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139119.jpg", imageAlt: "تیزر خودروی اسپرت در پیست"},
]}
title="نمونه کارهای ما"
description="نگاهی به برخی از تیزرهای تبلیغاتی خودرو که برای برندهای برجسته تولید کرده‌ایم. کیفیت و خلاقیت را از نزدیک ببینید."
@@ -236,20 +151,11 @@ export default function LandingPage() {
tagAnimation="slide-up"
metrics={[
{
id: "m1",
value: "98%",
description: "رضایت مشتری",
},
id: "m1", value: "98%", description: "رضایت مشتری"},
{
id: "m2",
value: "+5M",
description: "بازدید تیزرها",
},
id: "m2", value: "+5M", description: "بازدید تیزرها"},
{
id: "m3",
value: "120+",
description: "برند همکاری",
},
id: "m3", value: "120+", description: "برند همکاری"},
]}
metricsAnimation="slide-up"
/>
@@ -261,50 +167,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "کیفیت بی‌نظیر",
quote: "تیم تیزر خودرو یک تیزر فوق‌العاده برای معرفی مدل جدید ما ساخت. کیفیت تصویربرداری و تدوین بی‌نظیر بود و بازخوردهای مثبتی دریافت کردیم.",
name: "فاطمه حسینی",
role: "مدیر بازاریابی، شرکت خودروی مدرن",
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101826.jpg",
imageAlt: "عکس فاطمه حسینی",
},
id: "t1", title: "کیفیت بی‌نظیر", quote: "تیم تیزر خودرو یک تیزر فوق‌العاده برای معرفی مدل جدید ما ساخت. کیفیت تصویربرداری و تدوین بی‌نظیر بود و بازخوردهای مثبتی دریافت کردیم.", name: "فاطمه حسینی", role: "مدیر بازاریابی، شرکت خودروی مدرن", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101826.jpg", imageAlt: "عکس فاطمه حسینی"},
{
id: "t2",
title: "خلاقیت بالا",
quote: "آنها با خلاقیت مثال‌زدنی خود، داستانی جذاب برای خودروی ما خلق کردند که فراتر از انتظارات ما بود. همکاری با آنها لذت‌بخش بود.",
name: "علی رضایی",
role: "مدیر برندینگ، نمایندگی اتو پلاس",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",
imageAlt: "عکس علی رضایی",
},
id: "t2", title: "خلاقیت بالا", quote: "آنها با خلاقیت مثال‌زدنی خود، داستانی جذاب برای خودروی ما خلق کردند که فراتر از انتظارات ما بود. همکاری با آنها لذت‌بخش بود.", name: "علی رضایی", role: "مدیر برندینگ، نمایندگی اتو پلاس", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg", imageAlt: "عکس علی رضایی"},
{
id: "t3",
title: "سرعت و حرفه‌ای بودن",
quote: "سرعت عمل در تحویل پروژه و رویکرد حرفه‌ای تیم تیزر خودرو، ما را شگفت‌زده کرد. قطعا در پروژه‌های بعدی نیز با آنها کار خواهیم کرد.",
name: "مریم احمدی",
role: "مدیر روابط عمومی، گروه خودروسازی آینده",
imageSrc: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg",
imageAlt: "عکس مریم احمدی",
},
id: "t3", title: "سرعت و حرفه‌ای بودن", quote: "سرعت عمل در تحویل پروژه و رویکرد حرفه‌ای تیم تیزر خودرو، ما را شگفت‌زده کرد. قطعا در پروژه‌های بعدی نیز با آنها کار خواهیم کرد.", name: "مریم احمدی", role: "مدیر روابط عمومی، گروه خودروسازی آینده", imageSrc: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg", imageAlt: "عکس مریم احمدی"},
{
id: "t4",
title: "درک عمیق از صنعت خودرو",
quote: "توانایی آنها در درک عمیق از صنعت خودرو و نیازهای بازاریابی ما، نتایج فوق‌العاده‌ای را به ارمغان آورد. تیزر ما به شدت مورد توجه قرار گرفت.",
name: "رضا کریمی",
role: "مالک نمایشگاه خودروی طلایی",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-sunglasses_23-2150320979.jpg",
imageAlt: "عکس رضا کریمی",
},
id: "t4", title: "درک عمیق از صنعت خودرو", quote: "توانایی آنها در درک عمیق از صنعت خودرو و نیازهای بازاریابی ما، نتایج فوق‌العاده‌ای را به ارمغان آورد. تیزر ما به شدت مورد توجه قرار گرفت.", name: "رضا کریمی", role: "مالک نمایشگاه خودروی طلایی", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-sunglasses_23-2150320979.jpg", imageAlt: "عکس رضا کریمی"},
{
id: "t5",
title: "بازگشت سرمایه عالی",
quote: "تیزری که تیزر خودرو برای ما ساخت، نه تنها باعث افزایش آگاهی از برند شد، بلکه به طور مستقیم بر فروش ما نیز تأثیر مثبتی داشت.",
name: "نرگس سلیمانی",
role: "مدیر ارشد بازاریابی، برند خودروی الکتریکی",
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-manufacturing-plant-researcher-taking-notes-tablet_482257-120477.jpg",
imageAlt: "عکس نرگس سلیمانی",
},
id: "t5", title: "بازگشت سرمایه عالی", quote: "تیزری که تیزر خودرو برای ما ساخت، نه تنها باعث افزایش آگاهی از برند شد، بلکه به طور مستقیم بر فروش ما نیز تأثیر مثبتی داشت.", name: "نرگس سلیمانی", role: "مدیر ارشد بازاریابی، برند خودروی الکتریکی", imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-manufacturing-plant-researcher-taking-notes-tablet_482257-120477.jpg", imageAlt: "عکس نرگس سلیمانی"},
]}
title="نظرات مشتریان ما"
description="اعتماد برندهای معتبر خودرو به ما، نشان‌دهنده کیفیت و تعهد ماست. آنچه مشتریان ما می‌گویند:"
@@ -316,15 +187,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"مرسدس بنز",
"بی‌ام‌و",
"آئودی",
"هیوندای",
"کیا",
"فولکس واگن",
"تویوتا",
"فورد",
]}
"مرسدس بنز", "بی‌ام‌و", "آئودی", "هیوندای", "کیا", "فولکس واگن", "تویوتا", "فورد"]}
title="شرکای تجاری ما"
description="افتخار همکاری با برندهای معتبر صنعت خودرو را داریم. به جمع مشتریان ما بپیوندید:"
showCard={false}
@@ -337,30 +200,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "مدت زمان ساخت یک تیزر چقدر است؟",
content: "مدت زمان بسته به پیچیدگی پروژه، نوع خودرو و نیازهای شما متغیر است. معمولا بین ۲ تا ۶ هفته طول می‌کشد.",
},
id: "faq1", title: "مدت زمان ساخت یک تیزر چقدر است؟", content: "مدت زمان بسته به پیچیدگی پروژه، نوع خودرو و نیازهای شما متغیر است. معمولا بین ۲ تا ۶ هفته طول می‌کشد."},
{
id: "faq2",
title: "چه نوع خودروهایی را پوشش می‌دهید؟",
content: "ما برای انواع خودروها از جمله لوکس، اسپرت، خانوادگی، الکتریکی و مفهومی تیزر تبلیغاتی می‌سازیم.",
},
id: "faq2", title: "چه نوع خودروهایی را پوشش می‌دهید؟", content: "ما برای انواع خودروها از جمله لوکس، اسپرت، خانوادگی، الکتریکی و مفهومی تیزر تبلیغاتی می‌سازیم."},
{
id: "faq3",
title: "آیا خدمات پس‌تولید هم ارائه می‌دهید؟",
content: "بله، خدمات جامع پس‌تولید شامل تدوین، جلوه‌های ویژه، طراحی صدا و موسیقی را نیز ارائه می‌دهیم.",
},
id: "faq3", title: "آیا خدمات پس‌تولید هم ارائه می‌دهید؟", content: "بله، خدمات جامع پس‌تولید شامل تدوین، جلوه‌های ویژه، طراحی صدا و موسیقی را نیز ارائه می‌دهیم."},
{
id: "faq4",
title: "چگونه می‌توانم یک پروژه را آغاز کنم؟",
content: "کافیست از طریق فرم تماس با ما ارتباط بگیرید یا با شماره تلفن ما تماس بگیرید. تیم ما آماده مشاوره است.",
},
id: "faq4", title: "چگونه می‌توانم یک پروژه را آغاز کنم؟", content: "کافیست از طریق فرم تماس با ما ارتباط بگیرید یا با شماره تلفن ما تماس بگیرید. تیم ما آماده مشاوره است."},
{
id: "faq5",
title: "هزینه تولید تیزر چقدر است؟",
content: "هزینه بر اساس جزئیات پروژه، مکان فیلمبرداری، مدت زمان تیزر و نیاز به جلوه‌های ویژه متفاوت است. برای برآورد دقیق، لطفا با ما تماس بگیرید.",
},
id: "faq5", title: "هزینه تولید تیزر چقدر است؟", content: "هزینه بر اساس جزئیات پروژه، مکان فیلمبرداری، مدت زمان تیزر و نیاز به جلوه‌های ویژه متفاوت است. برای برآورد دقیق، لطفا با ما تماس بگیرید."},
]}
title="سوالات متداول"
description="پاسخ به برخی از سوالات رایج شما درباره خدمات تولید تیزر تبلیغاتی خودرو."
@@ -372,8 +220,7 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="همین حالا شروع کنید"
tagIcon={Mail}
tagAnimation="slide-up"
@@ -381,13 +228,9 @@ export default function LandingPage() {
description="با تیم حرفه‌ای ما تماس بگیرید و ایده خود را به واقعیت تبدیل کنید. آماده‌ایم تا برند خودروی شما را به اوج برسانیم."
buttons={[
{
text: "ارسال درخواست",
href: "#",
},
text: "ارسال درخواست", href: "#"},
{
text: "مشاوره رایگان",
href: "#",
},
text: "مشاوره رایگان", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -402,15 +245,15 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/teaserkho",
href: "https://instagram.com/teaserkho", ariaLabel: "Instagram profile"
},
{
icon: Linkedin,
href: "https://linkedin.com/company/teaserkho",
href: "https://linkedin.com/company/teaserkho", ariaLabel: "LinkedIn profile"
},
{
icon: Mail,
href: "mailto:info@teaserkho.com",
href: "mailto:info@teaserkho.com", ariaLabel: "Send email"
},
]}
/>