Update src/app/portfolio/page.tsx

This commit is contained in:
2026-05-07 22:02:39 +00:00
parent 1e429f3044
commit a4abc6db0a

View File

@@ -1,18 +1,22 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function PortfolioPage() {
const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "من نحن", id: "/about" }, { name: "خدماتنا", id: "/services" }, { name: "معرض الأعمال", id: "/portfolio" }, { name: "تواصل معنا", id: "/#contact" }];
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Aljoman Dental"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
<main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
<h1 className="text-4xl font-bold mb-8">معرض الأعمال</h1>
<p className="mb-8">استكشف نتائج الابتسامات التي صممناها لمئات المرضى.</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div className="bg-gray-100 p-6 rounded-lg">قبل وبعد: تبييض احترافي</div>
<div className="bg-gray-100 p-6 rounded-lg">قبل وبعد: عدسات اللومينير</div>
</div>
</main>
<FooterLogoEmphasis logoText="عيادات الجومان" columns={[]} />
</ThemeProvider>
);
}