bender/8484ec4f-5c8d-42a8-ac43-e8c90e1fe57f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

18 Commits
version_1 ... main

Author SHA1 Message Date
bender
b85abca9dd Merge version_7 into main 
Merge version_7 into main
 2026-05-01 17:47:48 +00:00
bender
8e1980fc04 Update theme fonts 2026-05-01 17:47:42 +00:00
bender
6440da6cc1 Update theme fonts 2026-05-01 17:47:42 +00:00
bender
265b9dddef Merge version_7 into main 
Merge version_7 into main
 2026-05-01 17:47:22 +00:00
bender
53125a3fff Update theme colors 2026-05-01 17:47:19 +00:00
bender
90eb70110a Merge version_6 into main 
Merge version_6 into main
 2026-05-01 17:46:50 +00:00
bender
b5573b2a1b Update theme colors 2026-05-01 17:46:47 +00:00
bender
67da9e0754 Merge version_5 into main 
Merge version_5 into main
 2026-05-01 17:45:56 +00:00
bender
c6f11175ec Update src/app/page.tsx 2026-05-01 17:45:53 +00:00
bender
c95297066b Merge version_5 into main 
Merge version_5 into main
 2026-05-01 17:45:32 +00:00
bender
ed1eae2a4d Update src/app/page.tsx 2026-05-01 17:45:29 +00:00
bender
402d0c237b Merge version_4 into main 
Merge version_4 into main
 2026-05-01 17:44:02 +00:00
bender
f3fd5c8794 Update src/app/page.tsx 2026-05-01 17:44:00 +00:00
bender
bce0b39239 Merge version_3 into main 
Merge version_3 into main
 2026-05-01 17:41:56 +00:00
bender
b8467c4f50 Update theme colors 2026-05-01 17:41:53 +00:00
bender
611ee41f21 Merge version_2 into main 
Merge version_2 into main
 2026-05-01 17:41:35 +00:00
bender
5c69698e11 Update theme colors 2026-05-01 17:41:32 +00:00
bender
efc8730f37 Merge version_1 into main 
Merge version_1 into main
 2026-05-01 17:39:07 +00:00
4 changed files with 68 additions and 221 deletions
Expand all files Collapse all files

14
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Lato } from "next/font/google"; import { Lato } from "next/font/google";
import { Libre_Baskerville } from "next/font/google";
@@ -21,10 +22,15 @@ export const metadata: Metadata = {
}, },
}; };
const lato = Lato({
variable: "--font-lato", const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"], subsets: ["latin"],
weight: ["100", "300", "400", "700", "900"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -35,7 +41,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${lato.variable} antialiased`}> <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

253
src/app/page.tsx
View File

@@ -5,8 +5,9 @@ import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen'; import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterSimple from '@/components/sections/footer/FooterSimple'; import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery'; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven'; import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -30,62 +31,24 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Services", id: "features" },
id: "hero", { name: "Feature Details", id: "features-nine" },
}, { name: "Testimonials", id: "testimonials" },
{ { name: "Contact", id: "contact" },
name: "Services",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="1001 Perde Eskişehir" brandName="1001 Perde Eskişehir"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroLogoBillboard
background={{ logoText="1001 PERDE"
variant: "gradient-bars",
}}
title="Zarif ve Modern Perde Çözümleri"
description="Eskişehir'de evinize estetik katacak perde seçenekleri ve profesyonel hizmet için randevunuzu hemen oluşturun." description="Eskişehir'de evinize estetik katacak perde seçenekleri ve profesyonel hizmet için randevunuzu hemen oluşturun."
buttons={[ background={{ variant: "gradient-bars" }}
{ buttons={[{ text: "Randevu Al", href: "#contact" }]}
text: "Randevu Al", imageSrc="http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4065.jpg?_wi=1"
href: "#contact", imageAlt="Zarif perde seçenekleri"
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4065.jpg?_wi=1",
imageAlt: "Zarif perde seçenekleri",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=1",
imageAlt: "Modern perde tasarımları",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/towel-stack-shelf_1339-7649.jpg?_wi=1",
imageAlt: "Ev dekorasyonu perde",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chambermaid-preparing-hotel-room_23-2148095224.jpg",
imageAlt: "Chambermaid preparing hotel room",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-near-widnow-fixing-curtains_259150-59507.jpg",
imageAlt: "Young woman standing near the widnow and fixing the curtains",
},
]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -97,18 +60,9 @@ export default function LandingPage() {
title="Hakkımızda" title="Hakkımızda"
description="Eskişehir 1001 Perde olarak, evinizi hayalinizdeki görünüme kavuşturmak için kaliteli kumaşlar ve uzman işçilikle hizmet vermekteyiz." description="Eskişehir 1001 Perde olarak, evinizi hayalinizdeki görünüme kavuşturmak için kaliteli kumaşlar ve uzman işçilikle hizmet vermekteyiz."
bulletPoints={[ bulletPoints={[
{ { title: "Geniş Ürün Yelpazesi", description: "Her zevke uygun perde çeşitleri." },
title: "Geniş Ürün Yelpazesi", { title: "Profesyonel Montaj", description: "Uzman ekibimizle hızlı ve temiz uygulama." },
description: "Her zevke uygun perde çeşitleri.", { title: "Ücretsiz Keşif", description: "Ölçülerinizi yerinde alıyoruz." },
},
{
title: "Profesyonel Montaj",
description: "Uzman ekibimizle hızlı ve temiz uygulama.",
},
{
title: "Ücretsiz Keşif",
description: "Ölçülerinizi yerinde alıyoruz.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/serious-focused-afro-american-teacher-blue-shirt-checking-drawings_273609-14156.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/serious-focused-afro-american-teacher-blue-shirt-checking-drawings_273609-14156.jpg?_wi=1"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -120,56 +74,43 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
negativeCard={{ negativeCard={{ items: ["Kalitesiz Kumaş Kullanımı", "Geç Teslimat", "Hatalı Ölçülendirme", "Yetersiz Müşteri Desteği", "Zor Montaj Süreçleri"] }}
items: [ positiveCard={{ items: ["Özel Tasarım Perdeler", "Tül ve Fon Çeşitleri", "Motorlu Perde Sistemleri", "Stor ve Zebra Perde", "Blackout Karartma Perdeler"] }}
"Kalitesiz Kumaş Kullanımı",
"Geç Teslimat",
"Hatalı Ölçülendirme",
"Yetersiz Müşteri Desteği",
"Zor Montaj Süreçleri",
],
}}
positiveCard={{
items: [
"Özel Tasarım Perdeler",
"Tül ve Fon Çeşitleri",
"Motorlu Perde Sistemleri",
"Stor ve Zebra Perde",
"Blackout Karartma Perdeler",
],
}}
title="Hizmetlerimiz" title="Hizmetlerimiz"
description="Evinize değer katan perde çözümleri." description="Evinize değer katan perde çözümleri."
/> />
</div> </div>
<div id="features-nine" data-section="features-nine">
<FeatureCardNine
showStepNumbers={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Nasıl Çalışıyoruz?"
description="Adım adım evinizi güzelleştirme sürecimiz."
features={[
{
title: "Keşif", description: "Evini ziyaret ediyor, ölçüleri alıyoruz.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4065.jpg?_wi=1" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/towel-stack-shelf_1339-7649.jpg?_wi=2" }
},
{
title: "Tasarım", description: "Size özel kumaş ve model seçimleri.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741822.jpg?_wi=1" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-afro-american-teacher-blue-shirt-checking-drawings_273609-14156.jpg?_wi=1" }
}
]}
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardEleven <MetricCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "1000+", title: "Mutlu Müşteri", description: "Binlerce mutlu ev sahibi.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-handyman-applying-some-sealant-door-with-sealing-gun_662251-2740.jpg?_wi=1" },
id: "m1", { id: "m2", value: "15 Yıl", title: "Tecrübe", description: "Sektörde uzun yıllar.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-decorating-front-door_23-2150562109.jpg" },
value: "1000+", { id: "m3", value: "%100", title: "Memnuniyet", description: "Kaliteden ödün vermiyoruz.", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741822.jpg?_wi=2" },
title: "Mutlu Müşteri",
description: "Binlerce mutlu ev sahibi.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-handyman-applying-some-sealant-door-with-sealing-gun_662251-2740.jpg?_wi=1",
},
{
id: "m2",
value: "15 Yıl",
title: "Tecrübe",
description: "Sektörde uzun yıllar.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-decorating-front-door_23-2150562109.jpg",
},
{
id: "m3",
value: "%100",
title: "Memnuniyet",
description: "Kaliteden ödün vermiyoruz.",
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741822.jpg",
},
]} ]}
title="Başarılarımız" title="Başarılarımız"
description="Deneyimimizle yanınızdayız." description="Deneyimimizle yanınızdayız."
@@ -181,61 +122,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Ayşe Yılmaz", date: "2023-10-12", title: "Mükemmel işçilik", quote: "Perdelerim harika oldu, ellerinize sağlık.", tag: "Ev sahibi", avatarSrc: "http://img.b2bpic.net/free-photo/business-people-working-office_1157-21980.jpg", imageSrc: "http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4065.jpg?_wi=2" },
id: "1",
name: "Ayşe Yılmaz",
date: "2023-10-12",
title: "Mükemmel işçilik",
quote: "Perdelerim harika oldu, ellerinize sağlık.",
tag: "Ev sahibi",
avatarSrc: "http://img.b2bpic.net/free-photo/business-people-working-office_1157-21980.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4065.jpg?_wi=2",
imageAlt: "happy customer home decor",
},
{
id: "2",
name: "Mehmet Demir",
date: "2023-09-05",
title: "Çok hızlılar",
quote: "Söz verdikleri sürede montajı tamamladılar.",
tag: "Müşteri",
avatarSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836952.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=2",
imageAlt: "happy customer home decor",
},
{
id: "3",
name: "Fatma Şen",
date: "2023-08-20",
title: "Kaliteli malzeme",
quote: "Kumaş kalitesi çok iyi.",
tag: "Müşteri",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-near-widnow-fixing-curtains_259150-59510.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/towel-stack-shelf_1339-7649.jpg?_wi=2",
imageAlt: "happy customer home decor",
},
{
id: "4",
name: "Canan Korkmaz",
date: "2023-07-15",
title: "Profesyonel hizmet",
quote: "Güleryüzlü bir ekip.",
tag: "Müşteri",
avatarSrc: "http://img.b2bpic.net/free-photo/middle-aged-woman-meeting-with-notary_74855-2982.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-afro-american-teacher-blue-shirt-checking-drawings_273609-14156.jpg?_wi=2",
imageAlt: "happy customer home decor",
},
{
id: "5",
name: "Ali Veli",
date: "2023-06-01",
title: "Harika tavsiye",
quote: "Tavsiye ederim.",
tag: "Müşteri",
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-having-pillow-fight-bed_23-2147766821.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-handyman-applying-some-sealant-door-with-sealing-gun_662251-2740.jpg?_wi=2",
imageAlt: "happy customer home decor",
},
]} ]}
title="Müşterilerimizden" title="Müşterilerimizden"
description="Bizi tercih edenler ne diyor?" description="Bizi tercih edenler ne diyor?"
@@ -246,21 +133,7 @@ export default function LandingPage() {
<FaqSplitText <FaqSplitText
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "f1", title: "Ücretsiz keşif yapıyor musunuz?", content: "Evet, tüm ölçü keşiflerimiz ücretsizdir." },
id: "f1",
title: "Ücretsiz keşif yapıyor musunuz?",
content: "Evet, tüm ölçü keşiflerimiz ücretsizdir.",
},
{
id: "f2",
title: "Montaj süresi ne kadar?",
content: "Genellikle 2-3 iş günü içerisinde teslim edilir.",
},
{
id: "f3",
title: "Kredi kartına taksit var mı?",
content: "Evet, tüm kartlara vade farksız taksit imkanı sunuyoruz.",
},
]} ]}
sideTitle="Sıkça Sorulanlar" sideTitle="Sıkça Sorulanlar"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -270,48 +143,16 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
text="Evinize yeni bir görünüm kazandırmak için hemen randevu alın." text="Evinize yeni bir görünüm kazandırmak için hemen randevu alın."
buttons={[ buttons={[{ text: "WhatsApp Üzerinden Randevu Al", href: "https://wa.me/905555555555" }]}
{
text: "WhatsApp Üzerinden Randevu Al",
href: "https://wa.me/905555555555",
},
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ { title: "İletişim", items: [{ label: "Adres: Eskişehir", href: "#" }, { label: "Telefon: 0555 555 55 55", href: "tel:05555555555" }] },
title: "İletişim",
items: [
{
label: "Adres: Eskişehir",
href: "#",
},
{
label: "Telefon: 0555 555 55 55",
href: "tel:05555555555",
},
],
},
{
title: "Sosyal Medya",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
]} ]}
bottomLeftText="© 2024 1001 Perde Eskişehir" bottomLeftText="© 2024 1001 Perde Eskişehir"
bottomRightText="Tüm hakları saklıdır." bottomRightText="Tüm hakları saklıdır."

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-lato), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-lato), sans-serif; font-family: var(--font-libre-baskerville), serif;
} }

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #ffffff; --background: #f7f6f7;
--card: #f9f9f9; --card: #ffffff;
--foreground: #000612e6; --foreground: #250c0d;
--primary-cta: #15479c; --primary-cta: #b82b40;
--primary-cta-text: #ffffff; --primary-cta-text: #f7f6f7;
--secondary-cta: #f9f9f9; --secondary-cta: #ffffff;
--secondary-cta-text: #000612e6; --secondary-cta-text: #250c0d;
--accent: #e2e2e2; --accent: #b90941;
--background-accent: #c4c4c4; --background-accent: #e8a8b6;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);