From 0189b88212861761cd10ca6fbf355a61eaf82955 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 19:52:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 175 +++++++++--------------------------------------
 1 file changed, 32 insertions(+), 143 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9086a79..03f7f85 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Eye, Maximize, Scale, Scissors, Sparkles } from "lucide-react";
+import { Eye, Maximize, Scale, Scissors, Sparkles, Award, Star, Brush } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,30 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Portfolio",
-          id: "#portfolio",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Stats",
-          id: "#stats",
-        },
-        {
-          name: "Collaborations",
-          id: "#collaborations",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Portfolio", id: "#portfolio" },
+        { name: "About", id: "#about" },
+        { name: "Stats", id: "#stats" },
+        { name: "Collaborations", id: "#collaborations" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Rania Zargoun"
     />
@@ -64,14 +46,8 @@ export default function LandingPage() {
       logoText="RANIA ZARGOUN"
       description="Miss Ouest Public Algérie 2025\nBeauty • Passion • Power"
       buttons={[
-        {
-          text: "View Portfolio",
-          href: "#portfolio",
-        },
-        {
-          text: "Book Rania",
-          href: "#contact",
-        },
+        { text: "View Portfolio", href: "#portfolio" },
+        { text: "Book Rania", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes-dressed-white-clothes_613910-2899.jpg"
       imageAlt="Rania Zargoun editorial portrait"
@@ -80,52 +56,23 @@ export default function LandingPage() {
 
   <div id="portfolio" data-section="portfolio">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Runway Collection",
-          price: "High Fashion",
-          variant: "Editorial",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-looking-away_114579-81857.jpg?_wi=1",
-        },
+          id: "1",          name: "Runway Collection",          price: "High Fashion",          variant: "Editorial",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-looking-away_114579-81857.jpg"},
         {
-          id: "2",
-          name: "Fashion Editorial",
-          price: "Studio",
-          variant: "Vogue Style",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg?_wi=1",
-        },
+          id: "2",          name: "Fashion Editorial",          price: "Studio",          variant: "Vogue Style",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg"},
         {
-          id: "3",
-          name: "Commercial Campaign",
-          price: "Beauty",
-          variant: "Commercial",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg?_wi=1",
-        },
+          id: "3",          name: "Commercial Campaign",          price: "Beauty",          variant: "Commercial",          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg"},
         {
-          id: "4",
-          name: "Beauty Portrait",
-          price: "Face",
-          variant: "Editorial",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-alluring-woman-posing-while-wearing-spring-flowers-crown_23-2148834855.jpg",
-        },
+          id: "4",          name: "Beauty Portrait",          price: "Face",          variant: "Editorial",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-alluring-woman-posing-while-wearing-spring-flowers-crown_23-2148834855.jpg"},
         {
-          id: "5",
-          name: "Hair Modeling",
-          price: "Lookbook",
-          variant: "Beauty",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-albinism-posing-studio_23-2150535717.jpg",
-        },
+          id: "5",          name: "Hair Modeling",          price: "Lookbook",          variant: "Beauty",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-albinism-posing-studio_23-2150535717.jpg"},
         {
-          id: "6",
-          name: "Brand Partnership",
-          price: "Campaign",
-          variant: "Editorial",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-896.jpg",
-        },
+          id: "6",          name: "Brand Partnership",          price: "Campaign",          variant: "Editorial",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-896.jpg"},
       ]}
       title="Selected Works"
       description="A curated portfolio of high-fashion and editorial work."
@@ -137,9 +84,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="About Rania"
       description={[
-        "Rania Zargoun is a fashion model known for her refined presence and strong sense of style. Crowned Miss Ouest Public Algérie 2025, she embodies elegance, confidence and femininity in front of the camera.",
-        "She enjoys creative projects that highlight individuality and emotion and is open to collaborations with brands and creative teams.",
-      ]}
+        "Rania Zargoun is a fashion model known for her refined presence and strong sense of style. Crowned Miss Ouest Public Algérie 2025, she embodies elegance, confidence and femininity in front of the camera.",        "She enjoys creative projects that highlight individuality and emotion and is open to collaborations with brands and creative teams."]}
     />
   </div>
 
@@ -149,36 +94,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "s1",
-          icon: Maximize,
-          title: "Height",
-          value: "175 cm",
-        },
-        {
-          id: "s2",
-          icon: Scale,
-          title: "Weight",
-          value: "67 kg",
-        },
-        {
-          id: "s3",
-          icon: Eye,
-          title: "Eyes",
-          value: "Brown",
-        },
-        {
-          id: "s4",
-          icon: Scissors,
-          title: "Hair",
-          value: "Dark Brown",
-        },
-        {
-          id: "s5",
-          icon: Sparkles,
-          title: "Experience",
-          value: "1 Year",
-        },
+        { id: "s1", icon: Maximize, title: "Height", value: "175 cm" },
+        { id: "s2", icon: Scale, title: "Weight", value: "67 kg" },
+        { id: "s3", icon: Eye, title: "Eyes", value: "Brown" },
+        { id: "s4", icon: Scissors, title: "Hair", value: "Dark Brown" },
+        { id: "s5", icon: Sparkles, title: "Experience", value: "1 Year" },
       ]}
       title="Model Statistics"
       description="Agency-standard measurements."
@@ -193,26 +113,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Fashion Campaigns",
-          description: "High-end visual storytelling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-looking-away_114579-81857.jpg?_wi=2",
-          titleIconSrc: "Award",
-          buttonText: "Inquire",
-        },
+          title: "Fashion Campaigns",          description: "High-end visual storytelling.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-looking-away_114579-81857.jpg",          titleIconSrc: "Award",          buttonText: "Inquire"},
         {
-          title: "Runway Shows",
-          description: "Professional catwalk presence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg?_wi=2",
-          titleIconSrc: "Star",
-          buttonText: "Inquire",
-        },
+          title: "Runway Shows",          description: "Professional catwalk presence.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg",          titleIconSrc: "Star",          buttonText: "Inquire"},
         {
-          title: "Beauty & Hair",
-          description: "Expert beauty modeling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg?_wi=2",
-          titleIconSrc: "Brush",
-          buttonText: "Inquire",
-        },
+          title: "Beauty & Hair",          description: "Expert beauty modeling.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg",          titleIconSrc: "Brush",          buttonText: "Inquire"},
       ]}
       title="Collaborations"
       description="Available for global brand partnerships."
@@ -222,9 +127,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Booking"
       title="Let’s Work Together"
       description="Email bookings@raniazargoun.com for all collaboration requests in Oran and worldwide."
@@ -237,29 +140,15 @@ export default function LandingPage() {
       logoText="RANIA ZARGOUN"
       columns={[
         {
-          title: "Navigation",
-          items: [
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Navigation",          items: [
+            { label: "Portfolio", href: "#portfolio" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Socials",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com/rania__zrgn",
-            },
-            {
-              label: "Snapchat",
-              href: "https://snapchat.com/t/LJfnlVIz",
-            },
+          title: "Socials",          items: [
+            { label: "Instagram", href: "https://instagram.com/rania__zrgn" },
+            { label: "Snapchat", href: "https://snapchat.com/t/LJfnlVIz" },
           ],
         },
       ]}
-- 
2.49.1