Update src/app/page.tsx

src/app/calismalarimiz/page.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { SquareArrowOutUpRight, Sparkles, Twitter, Instagram, Linkedin } from "lucide-react";
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FooterCard from "@/components/sections/footer/FooterCard";
+
+export default function PortfolioPage() {
+    const navItems = [
+        { name: "Anasayfa", id: "/" },
+        { name: "Hizmetler", id: "#services" },
+        { name: "Çalışmalarımız", id: "/calismalarimiz" },
+        { name: "İletişim", id: "#contact" }
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="pill"
+            contentWidth="medium"
+            sizing="medium"
+            background="aurora"
+            cardStyle="layered-gradient"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="glass"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Elvora Global"
+                    button={{ text: "Bize Ulaşın", href: "/#contact" }}
+                />
+
+                <FeatureCardTwentySix
+                    title="Çalışmalarımız"
+                    description="Elvora Global'in yapay zeka destekli yaratıcı projeleriyle markaların nasıl dönüştüğünü keşfedin. Her bir çalışma, yenilikçi yaklaşımımızın ve sonuç odaklı çözümlerimizin bir kanıtıdır."
+                    tag="Portföyümüz"
+                    tagIcon={Sparkles}
+                    features={[
+                        {
+                            title: "Fütüristik Otomobil Tanıtımı",                            description: "Yeni nesil elektrikli otomobil markası 'VoltDrive' için yapay zeka destekli 3D animasyonlu tanıtım filmi ve görsel kampanyası. Brand: VoltDrive.",                            imageSrc: "http://img.b2bpic.net/free-photo/futuristic-electric-car-concept_23-2150931168.jpg",                            imageAlt: "VoltDrive elektrikli otomobil",                            buttonIcon: SquareArrowOutUpRight,
+                            buttonHref: "#"
+                        },
+                        {
+                            title: "Lüks Kozmetik Kampanyası",                            description: "Üst düzey kozmetik markası 'AuraBeauty' için yapay zeka ile üretilmiş çarpıcı ürün görselleri ve sosyal medya kreatifleri. Brand: AuraBeauty.",                            imageSrc: "http://img.b2bpic.net/free-photo/make-up-product-light_52683-105035.jpg?_wi=2",                            imageAlt: "AuraBeauty kozmetik ürünleri",                            buttonIcon: SquareArrowOutUpRight,
+                            buttonHref: "#"
+                        },
+                        {
+                            title: "Emlak Sektörü İçin 3D Görselleştirme",                            description: "Lüks konut projesi 'Grand Residences' için yapay zeka destekli mimari görselleştirmeler ve sanal tur videoları. Brand: Grand Residences.",                            imageSrc: "http://img.b2bpic.net/free-photo/architectural-design-illustration-building_23-2150770335.jpg",                            imageAlt: "Grand Residences mimari görselleştirme",                            buttonIcon: SquareArrowOutUpRight,
+                            buttonHref: "#"
+                        },
+                        {
+                            title: "Yiyecek ve İçecek Markası Tanıtımı",                            description: "Organik içecek markası 'PureSip' için doğal ve ferahlatıcı görsellerle desteklenen dijital reklam kampanyası. Brand: PureSip.",                            imageSrc: "http://img.b2bpic.net/free-photo/delicious-tropical-drink_23-2149591460.jpg",                            imageAlt: "PureSip organik içecek",                            buttonIcon: SquareArrowOutUpRight,
+                            buttonHref: "#"
+                        },
+                        {
+                            title: "Moda Koleksiyonu Dijital Tanıtım",                            description: "Moda markası 'ChicWear'ın yeni sezon koleksiyonu için AI destekli defile simülasyonları ve lookbook görselleri. Brand: ChicWear.",                            imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoot-of-beautiful-young-woman_23-2150867160.jpg",                            imageAlt: "ChicWear moda koleksiyonu",                            buttonIcon: SquareArrowOutUpRight,
+                            buttonHref: "#"
+                        },
+                        {
+                            title: "Teknoloji Startup Lansmanı",                            description: "Yenilikçi SaaS çözümü sunan 'InnovateHub' için marka kimliği oluşturma, tanıtım videosu ve pazarlama materyalleri. Brand: InnovateHub.",                            imageSrc: "http://img.b2bpic.net/free-photo/tech-data-display-digital-graphic_23-2149163013.jpg",                            imageAlt: "InnovateHub teknoloji lansmanı",                            buttonIcon: SquareArrowOutUpRight,
+                            buttonHref: "#"
+                        }
+                    ]}
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                />
+
+                <FooterCard
+                    logoText="Elvora Global"
+                    copyrightText="© 2024 Elvora Global. Tüm Hakları Saklıdır."
+                    socialLinks={[
+                        { icon: Twitter, href: "https://twitter.com/elvoraglobal", ariaLabel: "Elvora Global Twitter" },
+                        { icon: Instagram, href: "https://instagram.com/elvoraglobal", ariaLabel: "Elvora Global Instagram" },
+                        { icon: Linkedin, href: "https://linkedin.com/company/elvoraglobal", ariaLabel: "Elvora Global LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/page.tsx

@@ -16,10 +16,10 @@ import FooterCard from "@/components/sections/footer/FooterCard";
 
 export default function WebAgencyThemePage() {
     const navItems = [
-        { name: "Anasayfa", id: "home" },
+        { name: "Anasayfa", id: "/" },
-        { name: "Hizmetler", id: "services" },
+        { name: "Hizmetler", id: "#services" },
-        { name: "Çalışmalarımız", id: "work" },
+        { name: "Çalışmalarımız", id: "/calismalarimiz" },
-        { name: "İletişim", id: "contact" }
+        { name: "İletişim", id: "#contact" }
     ];
 
     return (
@@ -39,7 +39,7 @@ export default function WebAgencyThemePage() {
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
                     brandName="Elvora Global"
-                    button={{ text: "Bize Ulaşın", href: "#contact" }}
+                    button={{ text: "Bize Ulaşın", href: "/#contact" }}
                 />
                 <HeroSplitKpi
                     background={{ variant: "radial-gradient" }}
@@ -55,10 +55,10 @@ export default function WebAgencyThemePage() {
                     ]}
                     buttons={[
                         {
-                            text: "Projeye Başla",                            href: "#contact"
+                            text: "Projeye Başla",                            href: "/#contact"
                         },
                         {
-                            text: "Çalışmalarımızı İncele",                            href: "#work"
+                            text: "Çalışmalarımızı İncele",                            href: "/calismalarimiz"
                         }
                     ]}
                     avatars={[
@@ -103,7 +103,7 @@ export default function WebAgencyThemePage() {
                             tag: "01",                            title: "01",                            subtitle: "AI Reklam Filmleri",                            description: "Geleneksel prodüksiyon maliyetleri ve sürelerine takılmadan, sinematik kalitede, yapay zeka destekli reklam filmleri üretiyoruz. Markanızın mesajını en etkileyici şekilde iletiyoruz.",                            imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-tree-forest_250224-45.jpg",                            imageAlt: "Yapay zeka ile oluşturulmuş reklam filmi sahnesi",                            buttons: [{ text: "Daha Fazla", href: "#" }]
                         },
                         {
-                            tag: "02",                            title: "02",                            subtitle: "Ürün Görsel Üretimi",                            description: "Ürünleriniz için yüksek çözünürlüklü, yaratıcı ve satış odaklı görselleri yapay zeka ile kısa sürede hazırlıyoruz. Her platforma uygun premium içerik.",                            imageSrc: "http://img.b2bpic.net/free-photo/make-up-product-light_52683-105035.jpg",                            imageAlt: "Yapay zeka ile oluşturulmuş ürün görselleri",                            buttons: [{ text: "Daha Fazla", href: "#" }]
+                            tag: "02",                            title: "02",                            subtitle: "Ürün Görsel Üretimi",                            description: "Ürünleriniz için yüksek çözünürlüklü, yaratıcı ve satış odaklı görselleri yapay zeka ile kısa sürede hazırlıyoruz. Her platforma uygun premium içerik.",                            imageSrc: "http://img.b2bpic.net/free-photo/make-up-product-light_52683-105035.jpg?_wi=1",                            imageAlt: "Yapay zeka ile oluşturulmuş ürün görselleri",                            buttons: [{ text: "Daha Fazla", href: "#" }]
                         },
                         {
                             tag: "03",                            title: "03",                            subtitle: "Sosyal Medya Kreatifleri",                            description: "Sosyal medya platformları için hedeflenen kitleye özel, dönüşüm odaklı ve viral potansiyeli yüksek kreatifler üretiyoruz. Markanızın sesi ve yüzü oluyoruz.",                            imageSrc: "http://img.b2bpic.net/free-psd/labour-day-celebration-instagram-posts_23-2151341378.jpg",                            imageAlt: "Yapay zeka ile oluşturulmuş sosyal medya reklam kreatifleri",                            buttons: [{ text: "Daha Fazla", href: "#" }]
@@ -193,7 +193,7 @@ export default function WebAgencyThemePage() {
                 <ContactText
                     text="Markanızın geleceğini yapay zeka ile şekillendirmeye hazır mısınız? Sizinle tanışmak için sabırsızlanıyoruz!"
                     buttons={[
-                        { text: "Projeye Başla", href: "#contact" },
+                        { text: "Projeye Başla", href: "/#contact" },
                         { text: "Danışmanlık Randevusu", href: "#call" }
                     ]}
                     background={{ variant: "canvas-reveal" }}