"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", href: "/" },
        { name: "Hizmetler", href: "/#services" },
        { name: "Çalışmalarımız", href: "/calismalarimiz" },
        { name: "İletişim", href: "/#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",                            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>
    );
}