Update theme fonts

Update theme colors
2026-05-01 17:47:42 +00:00 · 2026-05-01 17:47:42 +00:00 · 2026-05-01 17:47:19 +00:00 · 2026-05-01 17:46:47 +00:00 · 2026-05-01 17:45:53 +00:00 · 2026-05-01 17:45:29 +00:00
4 changed files with 68 additions and 221 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 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"],
-  weight: ["100", "300", "400", "700", "900"],
 });

 export default function RootLayout({
@@ -35,7 +41,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${lato.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,8 +5,9 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 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 NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -30,62 +31,24 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "Feature Details", id: "features-nine" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
      ]}
      brandName="1001 Perde Eskişehir"
    />
  </div>

  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Zarif ve Modern Perde Çözümleri"
+      <HeroLogoBillboard
+      logoText="1001 PERDE"
      description="Eskişehir'de evinize estetik katacak perde seçenekleri ve profesyonel hizmet için randevunuzu hemen oluşturun."
-      buttons={[
-        {
-          text: "Randevu Al",
-          href: "#contact",
-        },
-      ]}
-      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",
-        },
-      ]}
+      background={{ variant: "gradient-bars" }}
+      buttons={[{ text: "Randevu Al", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4065.jpg?_wi=1"
+      imageAlt="Zarif perde seçenekleri"
      mediaAnimation="slide-up"
    />
  </div>
@@ -97,18 +60,9 @@ export default function LandingPage() {
      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."
      bulletPoints={[
-        {
-          title: "Geniş Ürün Yelpazesi",
-          description: "Her zevke uygun perde çeşitleri.",
-        },
-        {
-          title: "Profesyonel Montaj",
-          description: "Uzman ekibimizle hızlı ve temiz uygulama.",
-        },
-        {
-          title: "Ücretsiz Keşif",
-          description: "Ölçülerinizi yerinde alıyoruz.",
-        },
+        { title: "Geniş Ürün Yelpazesi", description: "Her zevke uygun perde çeşitleri." },
+        { 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"
      mediaAnimation="slide-up"
@@ -120,56 +74,43 @@ export default function LandingPage() {
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "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",
-        ],
-      }}
+      negativeCard={{ items: ["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"
      description="Evinize değer katan perde çözümleri."
    />
  </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">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      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: "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",
-        },
+        { 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: "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?_wi=2" },
      ]}
      title="Başarılarımız"
      description="Deneyimimizle yanınızdayız."
@@ -181,61 +122,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      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",
-          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",
-        },
+        { 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" },
      ]}
      title="Müşterilerimizden"
      description="Bizi tercih edenler ne diyor?"
@@ -246,21 +133,7 @@ export default function LandingPage() {
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
-        {
-          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.",
-        },
+        { id: "f1", title: "Ücretsiz keşif yapıyor musunuz?", content: "Evet, tüm ölçü keşiflerimiz ücretsizdir." },
      ]}
      sideTitle="Sıkça Sorulanlar"
      faqsAnimation="slide-up"
@@ -270,48 +143,16 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
      text="Evinize yeni bir görünüm kazandırmak için hemen randevu alın."
-      buttons={[
-        {
-          text: "WhatsApp Üzerinden Randevu Al",
-          href: "https://wa.me/905555555555",
-        },
-      ]}
+      buttons={[{ text: "WhatsApp Üzerinden Randevu Al", href: "https://wa.me/905555555555" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
-        {
-          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: "#",
-            },
-          ],
-        },
+        { title: "İletişim", items: [{ label: "Adres: Eskişehir", href: "#" }, { label: "Telefon: 0555 555 55 55", href: "tel:05555555555" }] },
      ]}
      bottomLeftText="© 2024 1001 Perde Eskişehir"
      bottomRightText="Tüm hakları saklıdır."
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #f7f6f7;
+  --card: #ffffff;
+  --foreground: #250c0d;
+  --primary-cta: #b82b40;
+  --primary-cta-text: #f7f6f7;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #250c0d;
+  --accent: #b90941;
+  --background-accent: #e8a8b6;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
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	53125a3fff	Update theme colors	2026-05-01 17:47:19 +00:00
bender	b5573b2a1b	Update theme colors	2026-05-01 17:46:47 +00:00
bender	c6f11175ec	Update src/app/page.tsx	2026-05-01 17:45:53 +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	efc8730f37	Merge version_1 into main Merge version_1 into main	2026-05-01 17:39:07 +00:00