Merge version_2 into main #1
350
src/app/page.tsx
350
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Özellikler", id: "features" },
|
||||
{ name: "Hakkımızda", id: "about" },
|
||||
{ name: "İletişim", id: "contact" },
|
||||
]}
|
||||
brandName="Mons"
|
||||
/>
|
||||
@@ -50,114 +41,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Automating the Future of Industry"
|
||||
description="Mons delivers precision-engineered automation solutions designed to optimize your production lines with unparalleled efficiency."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-robot-automated-packaging-process_23-2151994432.jpg",
|
||||
imageAlt: "Automated system",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robotic-arms-packaging-process_23-2152005446.jpg",
|
||||
imageAlt: "Industrial robotics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-expert-using-digital-device-app-test-automated-systems-closeup_482257-126768.jpg",
|
||||
imageAlt: "Smart manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-blue-subway_1160-784.jpg",
|
||||
imageAlt: "Data monitoring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23700.jpg",
|
||||
imageAlt: "Control panel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-units-high-tech-solar-panel-warehouse-3d-illustration_482257-77941.jpg",
|
||||
imageAlt: "Automated assembly",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333335.jpg",
|
||||
imageAlt: "Robot arm",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-manufacturing-specialist-enhancing-production-efficiency_482257-126818.jpg",
|
||||
imageAlt: "Industrial sensor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-computers-data-center-facility-used-managing-supercomputers_482257-126225.jpg",
|
||||
imageAlt: "Process automation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developer-installs-server-hub-firewalls_482257-85119.jpg",
|
||||
imageAlt: "Networked logic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-statistics-presentation-with-arrows_23-2149023767.jpg",
|
||||
imageAlt: "Efficiency boost",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analyzing-data-close-up-young-business-team-working-together-creative-office-while-young-woman-pointing-data-presented-chart-with-pen_146671-15023.jpg",
|
||||
imageAlt: "Precision control",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/silhouette-female-executive-with-briefcase_1098-661.jpg",
|
||||
alt: "Executive",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businesswoman-standing-office_23-2147943403.jpg",
|
||||
alt: "Professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-people-posing-together_23-2149145127.jpg",
|
||||
alt: "Team",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-business-woman-blue-suit_158595-5027.jpg",
|
||||
alt: "Leader",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",
|
||||
alt: "Manager",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by industry leaders globally."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Efficiency",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Endüstrinin Geleceğini Otomatize Ediyoruz"
|
||||
description="Mons, üretim hatlarınızı benzersiz bir verimlilikle optimize etmek için tasarlanmış, hassas mühendislik ürünü otomasyon çözümleri sunar."
|
||||
buttons={[{ text: "Başlayın", href: "#contact" }]}
|
||||
avatarText="Dünya çapında endüstri liderlerinin tercihi."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,30 +55,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Robotics",
|
||||
description: "High-accuracy robotic arms for seamless assembly lines.",
|
||||
tag: "Robotics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443851.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Data Analytics",
|
||||
description: "Real-time monitoring and analytics for better performance.",
|
||||
tag: "Analytics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23468.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Smart Integration",
|
||||
description: "Fully integrated systems with your current infrastructure.",
|
||||
tag: "Integration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-lady-blue-construction-suit-helmet-controlling-machines-hangar-daytime-buildings-architecture-construction_140725-16221.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Hassas Robotik", description: "Sorunsuz montaj hatları için yüksek doğruluklu robotik kollar.", tag: "Robotik" },
|
||||
{ id: "f2", title: "Veri Analitiği", description: "Daha iyi performans için gerçek zamanlı izleme ve analitik.", tag: "Analitik" },
|
||||
{ id: "f3", title: "Akıllı Entegrasyon", description: "Mevcut altyapınızla tam entegre sistemler.", tag: "Entegrasyon" },
|
||||
]}
|
||||
title="Why Choose Mons"
|
||||
description="Powering your production with world-class automation systems."
|
||||
title="Neden Mons?"
|
||||
description="Üretiminizi dünya standartlarında otomasyon sistemleriyle güçlendiriyoruz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,23 +68,13 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Leading Industrial Innovation"
|
||||
description="We specialize in developing bespoke automation frameworks for high-volume manufacturing environments."
|
||||
title="Endüstriyel İnovasyonda Lider"
|
||||
description="Yüksek hacimli üretim ortamları için özel otomasyon çerçeveleri geliştirmekte uzmanız."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Customized Approach",
|
||||
description: "Tailored solutions for every facility.",
|
||||
},
|
||||
{
|
||||
title: "Reliability First",
|
||||
description: "Built for high uptime and durability.",
|
||||
},
|
||||
{
|
||||
title: "Global Support",
|
||||
description: "Always-on service when you need it.",
|
||||
},
|
||||
{ title: "Özelleştirilmiş Yaklaşım", description: "Her tesis için özel çözümler." },
|
||||
{ title: "Önce Güvenilirlik", description: "Yüksek çalışma süresi ve dayanıklılık için inşa edilmiştir." },
|
||||
{ title: "Küresel Destek", description: "İhtiyaç duyduğunuzda her zaman ulaşılabilir hizmet." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-scene-with-warehouse-logistics-operations_23-2151468932.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -225,36 +85,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "System Uptime",
|
||||
items: [
|
||||
"Robust hardware",
|
||||
"Fail-safe logic",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
title: "Efficiency Gain",
|
||||
items: [
|
||||
"Faster cycle times",
|
||||
"Less waste",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
title: "Installations",
|
||||
items: [
|
||||
"Global reach",
|
||||
"Proven record",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "%99.9", title: "Sistem Çalışma Süresi", items: ["Sağlam donanım", "Hata payı olmayan mantık"] },
|
||||
{ id: "m2", value: "%45", title: "Verimlilik Artışı", items: ["Daha hızlı döngü süreleri", "Daha az israf"] },
|
||||
{ id: "m3", value: "200+", title: "Kurulum", items: ["Küresel erişim", "Kanıtlanmış kayıt"] },
|
||||
]}
|
||||
title="Proven Performance Metrics"
|
||||
description="Measuring success in output and operational uptime."
|
||||
title="Kanıtlanmış Performans Metrikleri"
|
||||
description="Başarıyı üretim ve operasyonel çalışma süresi ile ölçüyoruz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -262,17 +98,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"GlobalFoundries",
|
||||
"DeltaSystems",
|
||||
"NexusWorks",
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="We build strong partnerships across the manufacturing spectrum."
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "GlobalFoundries", "DeltaSystems", "NexusWorks"]}
|
||||
title="Liderler Tarafından Güvenilen"
|
||||
description="Üretim yelpazesinde güçlü ortaklıklar kuruyoruz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -282,63 +110,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-hugging-while-standing-together-with-present-box-white-wall_496169-2562.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-business-man-his-son-business-district_1150-34743.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-corporate-businesswoman_23-2147702109.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-digital-tablet-office_329181-12042.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
role: "Engineer",
|
||||
company: "GlobalFoundries",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5 },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5 },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Active Support",
|
||||
},
|
||||
{ value: "500+", label: "Tamamlanan Proje" },
|
||||
{ value: "%95", label: "Müşteri Bağlılığı" },
|
||||
{ value: "7/24", label: "Aktif Destek" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why industry leaders choose Mons for automation."
|
||||
title="Müşteri Başarı Hikayeleri"
|
||||
description="Neden endüstri liderlerinin otomasyon için Mons'u seçtiğini görün."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -347,24 +128,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is Mons automation scalable?",
|
||||
content: "Yes, our systems are built modularly to grow as you do.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide support?",
|
||||
content: "We offer 24/7 proactive maintenance and support.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How is security handled?",
|
||||
content: "Security is built into every layer of our code and hardware.",
|
||||
},
|
||||
{ id: "q1", title: "Mons otomasyonu ölçeklenebilir mi?", content: "Evet, sistemlerimiz sizinle birlikte büyüyecek şekilde modüler olarak inşa edilmiştir." },
|
||||
{ id: "q2", title: "Destek sağlıyor musunuz?", content: "7/24 proaktif bakım ve destek sunuyoruz." },
|
||||
{ id: "q3", title: "Güvenlik nasıl yönetiliyor?", content: "Güvenlik, kodumuzun ve donanımımızın her katmanına yerleştirilmiştir." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our automation services."
|
||||
title="Sıkça Sorulan Sorular"
|
||||
description="Otomasyon hizmetlerimiz hakkında bilmeniz gereken her şey."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -372,48 +141,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to streamline your operations?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@mons.com",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Operasyonlarınızı düzene sokmaya hazır mısınız?"
|
||||
buttons={[{ text: "Desteğe Ulaşın", href: "mailto:hello@mons.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Şirket", items: [{ label: "Hakkımızda", href: "#about" }, { label: "Hizmetler", href: "#features" }] },
|
||||
{ title: "Destek", items: [{ label: "Yardım Merkezi", href: "#" }, { label: "Gizlilik", href: "#" }] },
|
||||
]}
|
||||
logoText="Mons"
|
||||
/>
|
||||
@@ -421,4 +159,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user