Merge version_1 into main #2
175
src/app/page.tsx
175
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" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user