Update src/app/page.tsx
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Tool, Box } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Anasayfa",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Anasayfa", id: "hero"},
|
||||
{
|
||||
name: "Ürünlerimiz",
|
||||
id: "products",
|
||||
},
|
||||
name: "Ürünlerimiz", id: "products"},
|
||||
{
|
||||
name: "Hakkımızda",
|
||||
id: "about",
|
||||
},
|
||||
name: "Hakkımızda", id: "about"},
|
||||
{
|
||||
name: "İletişim",
|
||||
id: "contact",
|
||||
},
|
||||
name: "İletişim", id: "contact"},
|
||||
]}
|
||||
brandName="VoltTedarik"
|
||||
/>
|
||||
@@ -55,38 +48,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Geleceğin Enerjisi, Güvenilir Tedarik"
|
||||
description="Elektrik endüstrisinin öncü çözümleriyle projelerinize değer katın. Modern, dayanıklı ve yüksek performanslı ürünler."
|
||||
tag="Güvenilir Tedarik Ortağınız"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp ile Fiyat Al",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "WhatsApp ile Fiyat Al", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545669.jpg",
|
||||
imageAlt: "industrial electrical components",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545669.jpg", imageAlt: "industrial electrical components"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-usb-cables-neon-light-mixed-connectors_169016-71295.jpg",
|
||||
imageAlt: "high voltage electrical equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105559.jpg",
|
||||
imageAlt: "Technology texture background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-830.jpg",
|
||||
imageAlt: "Miniature workers working on chip of motherboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-background-close-up_23-2148882633.jpg",
|
||||
imageAlt: "Tech background close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-usb-cables-neon-light-mixed-connectors_169016-71295.jpg", imageAlt: "high voltage electrical equipment"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,9 +74,7 @@ export default function LandingPage() {
|
||||
title="Sektörde Güvenin Adı"
|
||||
buttons={[
|
||||
{
|
||||
text: "Instagram'da Sor",
|
||||
href: "#",
|
||||
},
|
||||
text: "Instagram'da Sor", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,29 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hızlı Teslimat",
|
||||
description: "Siparişlerinizi en kısa sürede ulaştırıyoruz.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-disk-components-still-life_23-2149417052.jpg",
|
||||
},
|
||||
title: "Hızlı Teslimat", description: "Siparişlerinizi en kısa sürede ulaştırıyoruz.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-disk-components-still-life_23-2149417052.jpg"},
|
||||
{
|
||||
title: "Kalite Garantisi",
|
||||
description: "Sadece onaylı ürünleri stokluyoruz.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828216.jpg",
|
||||
},
|
||||
title: "Kalite Garantisi", description: "Sadece onaylı ürünleri stokluyoruz.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828216.jpg"},
|
||||
{
|
||||
title: "Teknik Destek",
|
||||
description: "Ürünlerimiz için teknik rehberlik.",
|
||||
buttonIcon: "Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-filling-form-car-service_23-2148327549.jpg",
|
||||
},
|
||||
title: "Teknik Destek", description: "Ürünlerimiz için teknik rehberlik.", buttonIcon: Tool,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-filling-form-car-service_23-2148327549.jpg"},
|
||||
{
|
||||
title: "Geniş Stok",
|
||||
description: "İhtiyacınız olan her an hazırız.",
|
||||
buttonIcon: "Box",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cables-red-light-background_23-2148882660.jpg",
|
||||
},
|
||||
title: "Geniş Stok", description: "İhtiyacınız olan her an hazırız.", buttonIcon: Box,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cables-red-light-background_23-2148882660.jpg"},
|
||||
]}
|
||||
title="Neden VoltTedarik?"
|
||||
description="Elektrik tedariğinde kusursuz hizmet anlayışı."
|
||||
@@ -150,41 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Anahtarlar",
|
||||
price: "Detaylı Bilgi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105546.jpg",
|
||||
},
|
||||
id: "p1", name: "Anahtarlar", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105546.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Priz Grubu",
|
||||
price: "Detaylı Bilgi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-with-mailbox_23-2148106961.jpg",
|
||||
},
|
||||
id: "p2", name: "Priz Grubu", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-with-mailbox_23-2148106961.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Junction Kutuları",
|
||||
price: "Detaylı Bilgi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275552.jpg",
|
||||
},
|
||||
id: "p3", name: "Junction Kutuları", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275552.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Devre Kesiciler",
|
||||
price: "Detaylı Bilgi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment-close-up_169016-5075.jpg",
|
||||
},
|
||||
id: "p4", name: "Devre Kesiciler", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment-close-up_169016-5075.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Terminaller",
|
||||
price: "Detaylı Bilgi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-nut-classical-g-play_1339-102.jpg",
|
||||
},
|
||||
id: "p5", name: "Terminaller", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/electric-nut-classical-g-play_1339-102.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "LED Sürücüler",
|
||||
price: "Detaylı Bilgi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funfair-top-night-with-green-blue-lights_23-2148281654.jpg",
|
||||
},
|
||||
id: "p6", name: "LED Sürücüler", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/funfair-top-night-with-green-blue-lights_23-2148281654.jpg"},
|
||||
]}
|
||||
title="Ürün Kategorileri"
|
||||
description="Geniş ve profesyonel elektrik ekipmanları galerimiz."
|
||||
@@ -198,31 +134,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Sektörel Deneyim",
|
||||
items: [
|
||||
"Yıllık birikim",
|
||||
"Uzman kadro",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Sektörel Deneyim", items: [
|
||||
"Yıllık birikim", "Uzman kadro"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Mutlu Müşteri",
|
||||
items: [
|
||||
"Tedarik çözümleri",
|
||||
"Sürekli ortaklık",
|
||||
],
|
||||
id: "m2", value: "5k+", title: "Mutlu Müşteri", items: [
|
||||
"Tedarik çözümleri", "Sürekli ortaklık"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Kalite Uyumluluğu",
|
||||
items: [
|
||||
"TSE ve CE standartları",
|
||||
"Global kalite",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Kalite Uyumluluğu", items: [
|
||||
"TSE ve CE standartları", "Global kalite"],
|
||||
},
|
||||
]}
|
||||
title="Başarı Rakamları"
|
||||
@@ -235,14 +156,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Schneider Electric",
|
||||
"Siemens",
|
||||
"Legrand",
|
||||
"ABB",
|
||||
"Philips",
|
||||
"Viko",
|
||||
"Panasonic",
|
||||
]}
|
||||
"Schneider Electric", "Siemens", "Legrand", "ABB", "Philips", "Viko", "Panasonic"]}
|
||||
title="Partnerlerimiz"
|
||||
description="Dünya devi markalarla iş birliği içerisindeyiz."
|
||||
/>
|
||||
@@ -254,55 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmet Yılmaz",
|
||||
date: "2023",
|
||||
title: "İnşaat Şefi",
|
||||
quote: "Hızlı tedarik ve mükemmel ürün kalitesi.",
|
||||
tag: "İnşaat",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23790.jpg",
|
||||
},
|
||||
id: "1", name: "Ahmet Yılmaz", date: "2023", title: "İnşaat Şefi", quote: "Hızlı tedarik ve mükemmel ürün kalitesi.", tag: "İnşaat", avatarSrc: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23790.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ayşe Kaya",
|
||||
date: "2023",
|
||||
title: "Elektrik Mühendisi",
|
||||
quote: "Teknik destek ekibi harika.",
|
||||
tag: "Mühendislik",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg",
|
||||
},
|
||||
id: "2", name: "Ayşe Kaya", date: "2023", title: "Elektrik Mühendisi", quote: "Teknik destek ekibi harika.", tag: "Mühendislik", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mehmet Demir",
|
||||
date: "2024",
|
||||
title: "Proje Müdürü",
|
||||
quote: "Projelerimizde ilk tercihimiz.",
|
||||
tag: "Proje",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251746.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "3", name: "Mehmet Demir", date: "2024", title: "Proje Müdürü", quote: "Projelerimizde ilk tercihimiz.", tag: "Proje", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fatma Şen",
|
||||
date: "2024",
|
||||
title: "Teknik Müdür",
|
||||
quote: "Stok çeşitliliği çok geniş.",
|
||||
tag: "Teknik",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg",
|
||||
},
|
||||
id: "4", name: "Fatma Şen", date: "2024", title: "Teknik Müdür", quote: "Stok çeşitliliği çok geniş.", tag: "Teknik", avatarSrc: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Can Berk",
|
||||
date: "2024",
|
||||
title: "Müteahhit",
|
||||
quote: "Profesyonel çözüm ortaklığı.",
|
||||
tag: "Müteahhit",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-defocused-strength-sophisticated-large_1134-1348.jpg",
|
||||
},
|
||||
id: "5", name: "Can Berk", date: "2024", title: "Müteahhit", quote: "Profesyonel çözüm ortaklığı.", tag: "Müteahhit", avatarSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-defocused-strength-sophisticated-large_1134-1348.jpg"},
|
||||
]}
|
||||
title="Müşterilerimiz Neler Dedi?"
|
||||
description="Profesyonel çözüm ortaklığımıza güvenenlerin yorumları."
|
||||
@@ -316,28 +190,17 @@ export default function LandingPage() {
|
||||
description="WhatsApp üzerinden hızlı fiyat teklifi ve teknik destek alabilirsiniz."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Adınız",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Adınız", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-posta",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "E-posta", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Telefon Numaranız",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Telefon Numaranız", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ürün talebinizi yazın",
|
||||
required: true,
|
||||
name: "message", placeholder: "Ürün talebinizi yazın", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-standing-with-clipboard-hand-touching-chin-with-pen-with-serious-face-isolated-white-wall_141793-15978.jpg"
|
||||
/>
|
||||
@@ -347,42 +210,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Kurumsal",
|
||||
items: [
|
||||
title: "Kurumsal", items: [
|
||||
{
|
||||
label: "Hakkımızda",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Hakkımızda", href: "#about"},
|
||||
{
|
||||
label: "İletişim",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "İletişim", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ürünler",
|
||||
items: [
|
||||
title: "Ürünler", items: [
|
||||
{
|
||||
label: "Katalog",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Katalog", href: "#products"},
|
||||
{
|
||||
label: "Sıkça Sorulanlar",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sıkça Sorulanlar", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Sosyal",
|
||||
items: [
|
||||
title: "Sosyal", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user