Skip to content

Commit ac8af8a

Browse files
DevKursatDevKursat
committed
feat: Implement affordable web solutions site with WhatsApp CTA
1 parent 64f21f8 commit ac8af8a

1 file changed

Lines changed: 79 additions & 53 deletions

File tree

‎app/page.tsx‎

Lines changed: 79 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -27,22 +27,28 @@ export default function Home() {
2727
className="text-5xl md:text-7xl font-extrabold mb-4 leading-tight"
2828
variants={itemVariants}
2929
>
30-
Yazılım Kariyerinizde <span className="text-yellow-300">Yeni Bir Başlangıç</span>
30+
Uygun Fiyatlı Web Çözümleri <span className="text-yellow-300">Parmaklarınızın Ucunda</span>
3131
</motion.h1>
3232
<motion.p
3333
className="text-xl md:text-2xl mb-8 text-gray-200"
3434
variants={itemVariants}
3535
>
36-
Hayalinizdeki işe ulaşmanız için size %100 güven veren modern ve etkileyici bir portföy sitesi tasarlıyoruz.
36+
İşletmenizi dijital dünyada öne çıkaracak, bütçenize uygun ve etkileyici web siteleri tasarlıyoruz.
3737
</motion.p>
38-
<motion.button
39-
className="bg-yellow-400 text-gray-900 px-8 py-4 rounded-full text-lg font-bold hover:bg-yellow-300 transition-colors duration-300 shadow-lg"
38+
<motion.a
39+
href="https://wa.me/905551234567?text=Merhaba,%20uygun%20fiyatlı%20web%20sitesi%20hakkında%20bilgi%20almak%20istiyorum."
40+
target="_blank"
41+
rel="noopener noreferrer"
42+
className="bg-green-500 text-white px-8 py-4 rounded-full text-lg font-bold hover:bg-green-600 transition-colors duration-300 shadow-lg flex items-center justify-center mx-auto max-w-xs"
4043
variants={itemVariants}
4144
whileHover={{ scale: 1.05 }}
4245
whileTap={{ scale: 0.95 }}
4346
>
44-
Hemen Başlayın
45-
</motion.button>
47+
<svg className="w-6 h-6 mr-2" fill="currentColor" viewBox="0 0 24 24">
48+
<path d="M12.04 2C7.34 2 3.41 5.93 3.41 10.63c0 1.98.65 3.83 1.77 5.34L3 21.01l5.25-1.38c1.45.79 3.08 1.21 4.59 1.21 4.7 0 8.63-3.93 8.63-8.63C20.67 5.93 16.74 2 12.04 2zM17.5 14.3c-.2-.1-.8-.4-1.1-.5s-.6-.1-.8.1c-.2.2-.3.2-.6.3s-.6.1-.8-.1c-.2-.2-.7-.4-1.3-.8s-1-.9-1.4-1.5c-.4-.6-.8-1.2-.9-1.4s0-.4.1-.6c.1-.2.2-.4.3-.5s.2-.2.3-.4c.1-.2 0-.4 0-.5s-.8-2-.9-2.4c-.1-.4-.2-.3-.4-.3h-.5c-.2 0-.5.1-.8.3s-1.1 1.1-1.1 2.7c0 1.6 1.1 3.1 1.3 3.3s2.1 3.2 5.1 4.5c.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.3-.5 1.5-.9s.3-.7.2-1.2c-.1-.5-.2-.8-.4-.9z"/>
49+
</svg>
50+
WhatsApp ile İletişime Geçin
51+
</motion.a>
4652
</div>
4753
<div className="absolute inset-0 overflow-hidden">
4854
{/* Simple animated background elements */}
@@ -59,7 +65,7 @@ export default function Home() {
5965
</div>
6066
</motion.section>
6167

62-
{/* About Section */}
68+
{/* Value Proposition Section */}
6369
<motion.section
6470
className="py-20 px-8 bg-gray-800 text-center"
6571
initial="hidden"
@@ -68,14 +74,29 @@ export default function Home() {
6874
variants={sectionVariants}
6975
>
7076
<motion.h2 className="text-4xl font-bold mb-8" variants={itemVariants}>
71-
Hakkımızda
77+
Neden Bizi Seçmelisiniz?
7278
</motion.h2>
73-
<motion.p className="text-lg max-w-3xl mx-auto text-gray-300" variants={itemVariants}>
74-
Yazılım dünyasında fark yaratmak isteyen profesyoneller için özel olarak tasarlanmış portföy siteleri geliştiriyoruz. Deneyiminizi, becerilerinizi ve projelerinizi en etkileyici şekilde sunarak işverenlerin dikkatini çekmenizi sağlıyoruz. Amacımız, sizin için en iyi iş fırsatlarını yaratmaktır.
75-
</motion.p>
79+
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
80+
<motion.div className="p-6 bg-gray-700 rounded-lg shadow-lg" variants={itemVariants}>
81+
<h3 className="text-2xl font-bold mb-2">Uygun Fiyat</h3>
82+
<p className="text-gray-300">Bütçenizi zorlamadan kaliteli web çözümleri sunuyoruz.</p>
83+
</motion.div>
84+
<motion.div className="p-6 bg-gray-700 rounded-lg shadow-lg" variants={itemVariants}>
85+
<h3 className="text-2xl font-bold mb-2">Hızlı Teslimat</h3>
86+
<p className="text-gray-300">Projelerinizi zamanında ve eksiksiz teslim ediyoruz.</p>
87+
</motion.div>
88+
<motion.div className="p-6 bg-gray-700 rounded-lg shadow-lg" variants={itemVariants}>
89+
<h3 className="text-2xl font-bold mb-2">Özel Çözümler</h3>
90+
<p className="text-gray-300">İhtiyaçlarınıza özel, özgün tasarımlar geliştiriyoruz.</p>
91+
</motion.div>
92+
<motion.div className="p-6 bg-gray-700 rounded-lg shadow-lg" variants={itemVariants}>
93+
<h3 className="text-2xl font-bold mb-2">Uzman Destek</h3>
94+
<p className="text-gray-300">Proje süresince ve sonrasında yanınızdayız.</p>
95+
</motion.div>
96+
</div>
7697
</motion.section>
7798

78-
{/* Portfolio Section */}
99+
{/* Services Section */}
79100
<motion.section
80101
className="py-20 px-8 bg-gray-900"
81102
initial="hidden"
@@ -84,65 +105,70 @@ export default function Home() {
84105
variants={sectionVariants}
85106
>
86107
<motion.h2 className="text-4xl font-bold text-center mb-12" variants={itemVariants}>
87-
Öne Çıkan Projelerimiz
108+
Sunduğumuz Web Çözümleri
88109
</motion.h2>
89110
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10 max-w-6xl mx-auto">
90-
{[1, 2, 3].map((i) => (
91-
<motion.div
92-
key={i}
93-
className="bg-gray-800 rounded-lg shadow-xl overflow-hidden"
94-
variants={itemVariants}
95-
whileHover={{ scale: 1.03 }}
96-
>
97-
<div className="h-48 bg-gray-700 flex items-center justify-center text-gray-400 text-2xl font-bold">
98-
Proje {i} Görseli
99-
</div>
100-
<div className="p-6">
101-
<h3 className="text-2xl font-bold mb-2">Proje Adı {i}</h3>
102-
<p className="text-gray-300 mb-4">
103-
Bu proje, [teknoloji 1], [teknoloji 2] ve [teknoloji 3] kullanılarak geliştirilmiştir. Detaylı açıklama burada yer alacak.
104-
</p>
105-
<a href="#" className="text-yellow-400 hover:underline">
106-
Detayları Gör &rarr;
107-
</a>
108-
</div>
109-
</motion.div>
110-
))}
111+
<motion.div
112+
className="bg-gray-800 rounded-lg shadow-xl overflow-hidden p-6"
113+
variants={itemVariants}
114+
whileHover={{ scale: 1.03 }}
115+
>
116+
<h3 className="text-2xl font-bold mb-2">Kurumsal Web Siteleri</h3>
117+
<p className="text-gray-300">Şirketinizin dijital kimliğini en iyi şekilde yansıtan profesyonel siteler.</p>
118+
</motion.div>
119+
<motion.div
120+
className="bg-gray-800 rounded-lg shadow-xl overflow-hidden p-6"
121+
variants={itemVariants}
122+
whileHover={{ scale: 1.03 }}
123+
>
124+
<h3 className="text-2xl font-bold mb-2">E-Ticaret Siteleri</h3>
125+
<p className="text-gray-300">Ürünlerinizi kolayca satabileceğiniz, güvenli ve kullanıcı dostu e-ticaret platformları.</p>
126+
</motion.div>
127+
<motion.div
128+
className="bg-gray-800 rounded-lg shadow-xl overflow-hidden p-6"
129+
variants={itemVariants}
130+
whileHover={{ scale: 1.03 }}
131+
>
132+
<h3 className="text-2xl font-bold mb-2">Kişisel Bloglar & Portföyler</h3>
133+
<p className="text-gray-300">Bireysel markanızı veya çalışmalarınızı sergileyeceğiniz etkileyici platformlar.</p>
134+
</motion.div>
111135
</div>
112136
</motion.section>
113137

114-
{/* Contact Section */}
138+
{/* Call to Action for WhatsApp */}
115139
<motion.section
116-
className="py-20 px-8 bg-gray-800 text-center"
140+
className="py-20 px-8 bg-gradient-to-br from-blue-500 to-purple-600 text-center"
117141
initial="hidden"
118142
whileInView="visible"
119143
viewport={{ once: true, amount: 0.3 }}
120144
variants={sectionVariants}
121145
>
122146
<motion.h2 className="text-4xl font-bold mb-8" variants={itemVariants}>
123-
Bize Ulaşın
147+
Hemen Teklif Alın!
124148
</motion.h2>
125-
<motion.p className="text-lg max-w-3xl mx-auto text-gray-300 mb-8" variants={itemVariants}>
126-
Hayalinizdeki işe bir adım daha yaklaşmak için bizimle iletişime geçin. Size özel bir portföy sitesi oluşturmak için sabırsızlanıyoruz!
149+
<motion.p className="text-lg max-w-3xl mx-auto text-gray-200 mb-8" variants={itemVariants}>
150+
Hayalinizdeki web sitesine uygun fiyatlarla sahip olmak için bize WhatsApp üzerinden ulaşın.
127151
</motion.p>
128-
<motion.div variants={itemVariants}>
129-
<p className="text-xl mb-2">Email: info@example.com</p>
130-
<p className="text-xl mb-2">Telefon: +90 555 123 45 67</p>
131-
<a
132-
href="https://wa.me/905551234567?text=Merhaba,%20portföy%20siteniz%20hakkında%20bilgi%20almak%20istiyorum."
133-
target="_blank"
134-
rel="noopener noreferrer"
135-
className="text-green-400 hover:underline text-xl font-bold"
136-
>
137-
WhatsApp ile İletişime Geçin
138-
</a>
139-
</motion.div>
152+
<motion.a
153+
href="https://wa.me/905551234567?text=Merhaba,%20uygun%20fiyatlı%20web%20sitesi%20hakkında%20bilgi%20almak%20istiyorum."
154+
target="_blank"
155+
rel="noopener noreferrer"
156+
className="bg-yellow-400 text-gray-900 px-8 py-4 rounded-full text-lg font-bold hover:bg-yellow-300 transition-colors duration-300 shadow-lg flex items-center justify-center mx-auto max-w-xs"
157+
variants={itemVariants}
158+
whileHover={{ scale: 1.05 }}
159+
whileTap={{ scale: 0.95 }}
160+
>
161+
<svg className="w-6 h-6 mr-2" fill="currentColor" viewBox="0 0 24 24">
162+
<path d="M12.04 2C7.34 2 3.41 5.93 3.41 10.63c0 1.98.65 3.83 1.77 5.34L3 21.01l5.25-1.38c1.45.79 3.08 1.21 4.59 1.21 4.7 0 8.63-3.93 8.63-8.63C20.67 5.93 16.74 2 12.04 2zM17.5 14.3c-.2-.1-.8-.4-1.1-.5s-.6-.1-.8.1c-.2.2-.3.2-.6.3s-.6.1-.8-.1c-.2-.2-.7-.4-1.3-.8s-1-.9-1.4-1.5c-.4-.6-.8-1.2-.9-1.4s0-.4.1-.6c.1-.2.2-.4.3-.5s.2-.2.3-.4c.1-.2 0-.4 0-.5s-.8-2-.9-2.4c-.1-.4-.2-.3-.4-.3h-.5c-.2 0-.5.1-.8.3s-1.1 1.1-1.1 2.7c0 1.6 1.1 3.1 1.3 3.3s2.1 3.2 5.1 4.5c.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.3-.5 1.5-.9s.3-.7.2-1.2c-.1-.5-.2-.8-.4-.9z"/>
163+
</svg>
164+
WhatsApp Üzerinden İletişime Geç
165+
</motion.a>
140166
</motion.section>
141167

142168
{/* Footer */}
143169
<footer className="py-8 bg-gray-950 text-center text-gray-500 text-sm">
144-
<p>&copy; {new Date().getFullYear()} Yazılım Kariyeri. Tüm Hakları Saklıdır.</p>
170+
<p>&copy; {new Date().getFullYear()} Web Çözümleri. Tüm Hakları Saklıdır.</p>
145171
</footer>
146172
</div>
147173
);
148-
}
174+
}

0 commit comments

Comments
 (0)