195 lines
8.2 KiB
TypeScript
195 lines
8.2 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import { Cloud, Map, MapPin, Trophy, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<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"},
|
||
]}
|
||
brandName="HaritaCS"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<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"},
|
||
]}
|
||
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>
|
||
|
||
<div id="dust2-guide" data-section="dust2-guide">
|
||
<FeatureBento
|
||
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,
|
||
},
|
||
]}
|
||
title="Dust2 Rehberi"
|
||
description="Callout'ları öğrenin, stratejileri geliştirin ve galibiyete ulaşın."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metric" data-section="metric">
|
||
<MetricCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
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,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
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."},
|
||
]}
|
||
/>
|
||
</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>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="HaritaCS"
|
||
copyrightText="© 2025 HaritaCS | Tüm hakları saklıdır."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|