217 lines
12 KiB
TypeScript
217 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="small"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Hizmetler", id: "features"},
|
||
{
|
||
name: "Çözümler", id: "products"},
|
||
{
|
||
name: "Referanslar", id: "social-proof"},
|
||
{
|
||
name: "İletişim", id: "contact"},
|
||
]}
|
||
brandName="Atilsoft"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Dijital Dönüşümün Yeni Adresi: Atilsoft"
|
||
description="We help brands scale and increase revenue through high-conversion digital strategies and precision marketing."
|
||
buttons={[
|
||
{
|
||
text: "Hizmetlerimizi İnceleyin", href: "#features"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/overhead-view-separate-workspace-with-two-laptops-stationeries_23-2147924196.jpg"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg", alt: "Ekip üyesi 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg", alt: "Ekip üyesi 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg", alt: "Ekip üyesi 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/working-table-with-computer_93675-133811.jpg", alt: "Ekip üyesi 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg", alt: "Ekip üyesi 5"},
|
||
]}
|
||
avatarText="Mutlu müşterilerimizle büyümeye devam ediyoruz."
|
||
marqueeItems={[
|
||
{ type: "text", text: "Web Tasarım" },
|
||
{ type: "text", text: "Google Reklamları" },
|
||
{ type: "text", text: "Sosyal Medya" },
|
||
{ type: "text", text: "SEO Danışmanlığı" },
|
||
{ type: "text", text: "Dijital Strateji" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "500+", title: "Tamamlanan Proje", items: ["Modern Web Arayüzü", "Mobil Uygulama", "E-Ticaret"],
|
||
},
|
||
{
|
||
id: "m2", value: "150+", title: "Google Reklam Kampanyası", items: ["SEM Uzmanlığı", "Dönüşüm Optimizasyonu"],
|
||
},
|
||
{
|
||
id: "m3", value: "200+", title: "Sosyal Medya Yönetimi", items: ["İçerik Stratejisi", "Etkileşim Artışı"],
|
||
},
|
||
]}
|
||
title="Rakamlarla Başarımız"
|
||
description="Veri odaklı yaklaşımımızla sağladığımız somut katkılar."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSix
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Web Tasarım", description: "SEO uyumlu, modern ve hızlı web arayüzleri.", imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg"},
|
||
{
|
||
title: "Google Reklamları", description: "Performans odaklı reklam yönetimi ile satışlarınızı artırın.", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg"},
|
||
{
|
||
title: "Sosyal Medya", description: "Marka bilinirliğini artıran kreatif sosyal medya yönetimi.", imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-patriotic-gingerbread-support-ukraine_169016-19969.jpg"},
|
||
]}
|
||
title="Dijital Çözümlerimiz"
|
||
description="Markanız için uçtan uca dijital stratejiler geliştiriyoruz."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{ id: "p1", name: "Başlangıç Web Paketi", price: "10.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-near-tablet-blueprints_23-2147785552.jpg" },
|
||
{ id: "p2", name: "Kurumsal Web Paketi", price: "25.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-uses-cad-software-tablet-optimize-layouts_482257-118039.jpg" },
|
||
{ id: "p3", name: "E-Ticaret Çözümü", price: "45.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shopping-with-laptop_23-2149241375.jpg" },
|
||
{ id: "p4", name: "Dijital Pazarlama", price: "8.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg" },
|
||
{ id: "p5", name: "Sosyal Medya Yönetimi", price: "7.500 TL", imageSrc: "http://img.b2bpic.net/free-photo/tablet-table-with-fake-news_23-2148824751.jpg" },
|
||
{ id: "p6", name: "SEO Danışmanlığı", price: "12.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-charts-screen-standing-table-startup-office-while-diverse-team-sharing-papers-with-marketing-turnover-it-multiethnic-businesspeople-analyzing-graphs_482257-37042.jpg" },
|
||
]}
|
||
title="Paketlerimiz ve Çözümlerimiz"
|
||
description="İhtiyacınıza özel, ölçeklenebilir dijital paketler."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Teknosa", "Arçelik", "Trendyol", "Getir", "Hepsiburada", "Yemeksepeti", "Migros"
|
||
]}
|
||
title="Bize Güvenen Markalar"
|
||
description="Sektörün öncü markaları ile dijital başarıya imza attık."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Ahmet Yılmaz", date: "12/05/2023", title: "CEO", quote: "Harika bir ekip, satışlarımız ikiye katlandı.", tag: "Başarı", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-leaders-engaged-web-video-conference-office-lobby-exchanging-strategy_482257-132125.jpg"},
|
||
{
|
||
id: "t2", name: "Ayşe Demir", date: "15/06/2023", title: "Pazarlama Müdürü", quote: "Web sitemiz baştan sona yenilendi ve çok daha profesyonel oldu.", tag: "Tasarım", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg", imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-preparing-leave-startup-office-late-night_482257-77687.jpg"},
|
||
{
|
||
id: "t3", name: "Mehmet Can", date: "20/07/2023", title: "Kurucu", quote: "Google reklam stratejileri çok net ve verimli.", tag: "Pazarlama", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003743.jpg"},
|
||
{
|
||
id: "t4", name: "Zeynep Öz", date: "22/08/2023", title: "E-Ticaret Yöneticisi", quote: "Ekip çok ilgili, süreci profesyonelce yönettiler.", tag: "E-Ticaret", avatarSrc: "http://img.b2bpic.net/free-photo/woman-couch-talking-phone_23-2148415826.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-working-room-office-building_105762-1793.jpg"},
|
||
{
|
||
id: "t5", name: "Canan Baş", date: "10/09/2023", title: "Yönetici", quote: "İşlerini severek yapan profesyonel bir ajans.", tag: "Genel", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg"},
|
||
]}
|
||
title="Müşterilerimiz Ne Diyor?"
|
||
description="Atilsoft iş ortaklarımızın deneyimleri."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1", title: "Proje süreci nasıl işliyor?", content: "İhtiyaçlarınızı dinledikten sonra kapsamlı bir strateji geliştiriyoruz. Ardından tasarım ve geliştirme süreçlerine geçerek projenizi adım adım, şeffaf bir şekilde teslim ediyoruz."},
|
||
{
|
||
id: "q2", title: "Projelerin teslimat süresi nedir?", content: "Proje boyutuna bağlı olarak değişkenlik gösterse de, küçük ve orta ölçekli web projelerini ortalama 3-6 hafta içerisinde, karmaşık sistemleri ise ihtiyaç analizi sonrasında belirlenen takvim çerçevesinde tamamlıyoruz."},
|
||
{
|
||
id: "q3", title: "Yatırım getirisini (ROI) nasıl artırıyorsunuz?", content: "Veri odaklı reklam yönetimi ve dönüşüm odaklı tasarım stratejileriyle gereksiz harcamaları minimize ederek en doğru hedef kitleye ulaşıyoruz. Böylece her reklam bütçenizin satışa dönüşme oranını optimize ediyoruz."},
|
||
{
|
||
id: "q4", title: "Destek veriyor musunuz?", content: "Evet, projenin canlıya alınmasıyla süreç bitmiyor. Operasyonel destek, teknik güncellemeler ve strateji optimizasyonu ile her zaman yanınızdayız."},
|
||
]}
|
||
title="Sıkça Sorulan Sorular"
|
||
faqsAnimation="slide-up"
|
||
description="Atilsoft süreci hakkında merak ettikleriniz."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
text="Projelerinizi konuşalım mı? Bizimle iletişime geçin."
|
||
buttons={[
|
||
{
|
||
text: "Hemen İletişime Geç", href: "mailto:info@atilsoft.com.tr"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{ items: [{ label: "Anasayfa", href: "/" }, { label: "Hizmetler", href: "#features" }] },
|
||
{ items: [{ label: "Referanslar", href: "#social-proof" }, { label: "İletişim", href: "#contact" }] },
|
||
]}
|
||
logoText="Atilsoft"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |