Update src/app/page.tsx
This commit is contained in:
147
src/app/page.tsx
147
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { useState } from "react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
@@ -12,6 +13,18 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import { Cloud, Map, MapPin, Trophy, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [guess, setGuess] = useState("");
|
||||
const [feedback, setFeedback] = useState("");
|
||||
const [streak] = useState(3);
|
||||
|
||||
const handleGuess = () => {
|
||||
if (guess.toLowerCase().includes("dust2")) {
|
||||
setFeedback("Tebrikler! Doğru tahmin.");
|
||||
} else {
|
||||
setFeedback("Maalesef, tekrar dene!");
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -29,14 +42,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Harita Rehberi", id: "#dust2-guide"},
|
||||
{
|
||||
name: "Günlük Bulmaca", id: "#puzzle"},
|
||||
{
|
||||
name: "Smoke Rehberi", id: "#smokes"},
|
||||
{
|
||||
name: "Callout'lar", id: "#callouts"},
|
||||
{ name: "Harita Rehberi", id: "#dust2-guide"},
|
||||
{ name: "Günlük Bulmaca", id: "#puzzle"},
|
||||
{ name: "Smoke Rehberi", id: "#smokes"},
|
||||
{ name: "Callout'lar", id: "#callouts"},
|
||||
]}
|
||||
brandName="HaritaCS"
|
||||
/>
|
||||
@@ -46,42 +55,10 @@ export default function LandingPage() {
|
||||
<HeroOverlayTestimonial
|
||||
title="CS2 Harita Rehberi"
|
||||
description="Smoke öğren, callout bil, maç kazan."
|
||||
testimonials={[
|
||||
{
|
||||
name: "ProPlayer", handle: "@csgo_pro", testimonial: "Bu site sayesinde map bilgisini bir üst seviyeye taşıdım.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-savannah-with-elephants_475641-2.jpg?_wi=1", imageAlt: "cs2 dust2 map top view"},
|
||||
{
|
||||
name: "AimGod", handle: "@aimer", testimonial: "Callout'lar çok net, herkese öneririm.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17365.jpg", imageAlt: "cs2 dust2 map top view"},
|
||||
{
|
||||
name: "Rookie", handle: "@newbie", testimonial: "Smoke taktikleri oyunumu değiştirdi.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/childhood-concept-collage_23-2149928146.jpg?_wi=1", imageAlt: "cs2 dust2 map top view"},
|
||||
{
|
||||
name: "Tactician", handle: "@strat", testimonial: "Harika rehberler, çok başarılı.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-with-fantasy-style-scene_23-2151124989.jpg?_wi=1", imageAlt: "cs2 dust2 map top view"},
|
||||
{
|
||||
name: "Gamer", handle: "@pro", testimonial: "Dust2 rehberine bayıldım.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greenery-bottom-mountain_158595-6091.jpg?_wi=1", imageAlt: "cs2 dust2 map top view"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Dust2'yi Keşfet", href: "dust2-guide"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Dust2'yi Keşfet", href: "#dust2-guide"}]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-savannah-with-elephants_475641-2.jpg?_wi=2"
|
||||
imageAlt="cs2 dust2 map top view"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/urban-abandoned-factory_181624-124.jpg", alt: "ProPlayer avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colored-liquid-showing-up-through-foam_23-2148346936.jpg", alt: "AimGod avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/golden-confetti_24972-1411.jpg", alt: "Rookie avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17061.jpg", alt: "Tactician avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/life-city-town-urban-living-place_53876-120885.jpg", alt: "Gamer avatar"},
|
||||
]}
|
||||
avatarText="10.000+ Oyuncu katıldı"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,38 +67,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Callout'lar", description: "Harita üzerindeki tüm önemli noktaları ve isimlerini öğrenin.", bentoComponent: "3d-card-grid", centerIcon: MapPin,
|
||||
items: [
|
||||
{
|
||||
name: "Long A", icon: MapPin,
|
||||
},
|
||||
{
|
||||
name: "Catwalk", icon: MapPin,
|
||||
},
|
||||
{
|
||||
name: "B Tünel", icon: MapPin,
|
||||
},
|
||||
{
|
||||
name: "Mid", icon: MapPin,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Smoke Pozisyonları", description: "Kritik smoke noktaları ile rakiplerinizi şaşırtın.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-savannah-with-elephants_475641-2.jpg?_wi=3", imageAlt: "cs2 dust 2 tactical map"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-with-fantasy-style-scene_23-2151124989.jpg?_wi=2", imageAlt: "cs2 dust 2 tactical map"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greenery-bottom-mountain_158595-6091.jpg?_wi=2", imageAlt: "cs2 dust 2 tactical map"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Stratejiler", description: "Takımınızla birlikte uygulayabileceğiniz temel taktikler.", bentoComponent: "reveal-icon", icon: Trophy,
|
||||
},
|
||||
]}
|
||||
features={[]}
|
||||
title="Dust2 Rehberi"
|
||||
description="Callout'ları öğrenin, stratejileri geliştirin ve galibiyete ulaşın."
|
||||
/>
|
||||
@@ -135,17 +81,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="İstatistikler"
|
||||
description="Topluluk verileri ile sürekli güncel kalan rehberler."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "50+", title: "Smoke Rehberi", description: "Özel taktikler", icon: Cloud,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "12", title: "Harita", description: "Detaylı analiz", icon: Map,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "5000+", title: "Kullanıcı", description: "Aktif oyuncu", icon: Users,
|
||||
},
|
||||
]}
|
||||
metrics={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,31 +91,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Sıkça Sorulan Sorular"
|
||||
description="Harita rehberlerimiz hakkında merak edilenler."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/childhood-concept-collage_23-2149928146.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Rehberler ne sıklıkla güncellenir?", content: "CS2 güncellemeleriyle paralel olarak her hafta."},
|
||||
{
|
||||
id: "f2", title: "Ücretsiz mi?", content: "Evet, tüm temel rehberler tamamen ücretsizdir."},
|
||||
]}
|
||||
faqs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="puzzle" data-section="puzzle">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="🔥 3 günlük seri"
|
||||
title="Günün Bulmacası 🎯"
|
||||
description="Bu harita noktası neresi? Tahminini yaz, serini bozma."
|
||||
buttons={[
|
||||
{
|
||||
text: "Tahmin Et"},
|
||||
]}
|
||||
/>
|
||||
<div className="bg-card p-8 rounded-xl shadow-lg border">
|
||||
<h2 className="text-2xl font-bold mb-4">Günün Bulmacası 🎯</h2>
|
||||
<p className="mb-4">🔥 {streak} günlük seri</p>
|
||||
<div className="relative w-full h-64 overflow-hidden rounded-lg mb-4">
|
||||
<img src="http://img.b2bpic.net/free-photo/aerial-view-savannah-with-elephants_475641-2.jpg?_wi=1" alt="Mystery map" className="w-full h-full object-cover blur-sm" />
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
value={guess}
|
||||
onChange={(e) => setGuess(e.target.value)}
|
||||
placeholder="Tahminini yaz..."
|
||||
className="w-full p-2 mb-4 border rounded"
|
||||
/>
|
||||
<button onClick={handleGuess} className="bg-primary-cta text-white px-4 py-2 rounded">
|
||||
Tahmin Et
|
||||
</button>
|
||||
{feedback && <p className="mt-4 font-semibold">{feedback}</p>}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
@@ -191,4 +126,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user