bender/bb729dd0-a3cc-47ba-add6-d859ebb15562
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-10 08:48:45 +00:00
parent 9a073266a2 4370b62931
commit f0c1bbe485
1 changed files with 39 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

292
src/app/page.tsx
View File

@@ -18,34 +18,22 @@ export default function LandingPage() {
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="blurBottom"
cardStyle="gradient-mesh"
primaryButtonStyle="primary-glow"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="light"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Work",
id: "portfolio",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Work", id: "#portfolio" },
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" }
]}
brandName="CREATIVE STUDIO"
/>
@@ -53,35 +41,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Cinematic Visuals That Make Brands Impossible To Ignore"
description="High-end content production for fashion brands, businesses, and modern creators."
tag="CREATIVE DIRECTOR & AI VISUAL ARTIST"
mediaItems={[
{
videoSrc: "http://img.b2bpic.net/free-photo/creative-background-with-curtain-shadow-from-window_23-2149657471.jpg?_wi=1",
imageAlt: "Cinematic Fashion Showreel",
imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-curtain-shadow-from-window_23-2149657471.jpg?_wi=2",
videoSrc: "http://img.b2bpic.net/free-photo/creative-background-with-curtain-shadow-from-window_23-2149657471.jpg", imageAlt: "Cinematic Fashion Showreel", imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-curtain-shadow-from-window_23-2149657471.jpg"
},
{
videoSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-woman-modeling_23-2149032719.jpg",
imageAlt: "AI Fashion Artistry",
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-uses-professional-retouching-software-photos_482257-126915.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pieces-portrait-concept-with-beautiful-woman_23-2149412306.jpg",
imageAlt: "Pieces portrait concept with beautiful woman",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-curtain-shadow-from-window_23-2149657473.jpg",
imageAlt: "Creative background with curtain and shadow from window",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-pics-mirror_23-2149735264.jpg",
imageAlt: "Side view woman taking pics in mirror",
},
videoSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-woman-modeling_23-2149032719.jpg", imageAlt: "AI Fashion Artistry", imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-uses-professional-retouching-software-photos_482257-126915.jpg"
}
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -94,63 +64,25 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
title="Storytelling through a refined lens."
description="I blend cinematic editing, AI visual innovation, and editorial fashion aesthetics to produce high-impact brand identities. My approach is grounded in luxury, clean execution, and deeply emotional visual narratives."
description="I blend cinematic editing, AI visual innovation, and editorial fashion aesthetics to produce high-impact brand identities."
bulletPoints={[
{
title: "Creative Direction",
description: "Defining the soul of your brand through visual identity.",
},
{
title: "Cinematic Editing",
description: "Crafting emotive reels that stop the scroll.",
},
{
title: "AI Visual Art",
description: "Innovative imagery at the intersection of tech and art.",
},
{ title: "Creative Direction", description: "Defining the soul of your brand through visual identity." },
{ title: "Cinematic Editing", description: "Crafting emotive reels that stop the scroll." },
{ title: "AI Visual Art", description: "Innovative imagery at the intersection of tech and art." }
]}
imageSrc="http://img.b2bpic.net/free-photo/graphic-designer-uses-professional-retouching-software-photos_482257-126915.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/graphic-designer-uses-professional-retouching-software-photos_482257-126915.jpg"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Cinematic Reels",
author: "Directing",
description: "Immersive short-form storytelling.",
tags: [
"Video",
"Luxury",
],
imageSrc: "http://img.b2bpic.net/free-vector/video-producing-computer-hardware-25-flat-color-icon-pack-including-directors-chair-movie-lady-character_1142-24873.jpg",
},
{
id: "s2",
title: "Fashion Branding",
author: "Artistic",
description: "Luxury identity development.",
tags: [
"Fashion",
"Strategy",
],
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smiley-face_53876-63791.jpg",
},
{
id: "s3",
title: "AI Visual Creation",
author: "Experimental",
description: "Futuristic brand assets.",
tags: [
"AI",
"Tech",
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere-with-liquid-effect_23-2150885399.jpg",
},
{ id: "s1", title: "Cinematic Reels", author: "Directing", description: "Immersive short-form storytelling.", tags: ["Video", "Luxury"], imageSrc: "http://img.b2bpic.net/free-vector/video-producing-computer-hardware-25-flat-color-icon-pack-including-directors-chair-movie-lady-character_1142-24873.jpg" },
{ id: "s2", title: "Fashion Branding", author: "Artistic", description: "Luxury identity development.", tags: ["Fashion", "Strategy"], imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smiley-face_53876-63791.jpg" },
{ id: "s3", title: "AI Visual Creation", author: "Experimental", description: "Futuristic brand assets.", tags: ["AI", "Tech"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere-with-liquid-effect_23-2150885399.jpg" }
]}
title="High-End Production Suite"
description="Elevated creative services for forward-thinking brands."
@@ -159,46 +91,14 @@ export default function LandingPage() {
<div id="portfolio" data-section="portfolio">
<ProductCardOne
animationType="blur-reveal"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Fashion Campaign A",
price: "Editorial",
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg",
},
{
id: "p2",
name: "Product Spot B",
price: "Commercial",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-single-s-day-banner_23-2149520244.jpg",
},
{
id: "p3",
name: "AI Visual Abstract",
price: "Digital Art",
imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149377405.jpg",
},
{
id: "p4",
name: "Reels Volume 01",
price: "Social",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-young-man-posing_23-2149417572.jpg",
},
{
id: "p5",
name: "Boutique Lookbook",
price: "Fashion",
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-brush_23-2147710593.jpg",
},
{
id: "p6",
name: "Futuristic Concepts",
price: "AI Visuals",
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-water-picture_23-2150644440.jpg",
},
{ id: "p1", name: "Fashion Campaign A", price: "Editorial", imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg" },
{ id: "p2", name: "Product Spot B", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-single-s-day-banner_23-2149520244.jpg" },
{ id: "p3", name: "AI Visual Abstract", price: "Digital Art", imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149377405.jpg" }
]}
title="Selected Works"
description="A curated showcase of cinematic campaigns and visual art."
@@ -207,35 +107,14 @@ export default function LandingPage() {
<div id="experience" data-section="experience">
<MetricCardTwo
animationType="blur-reveal"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "01",
description: "Inquiry & Vision",
},
{
id: "m2",
value: "02",
description: "Creative Strategy",
},
{
id: "m3",
value: "03",
description: "Seamless Production",
},
{
id: "m4",
value: "04",
description: "Cinematic Editing",
},
{
id: "m5",
value: "05",
description: "Final Delivery",
},
{ id: "m1", value: "01", description: "Inquiry & Vision" },
{ id: "m2", value: "02", description: "Creative Strategy" },
{ id: "m3", value: "03", description: "Seamless Production" }
]}
title="The Workflow"
description="Transparent, efficient, and deeply collaborative."
@@ -244,44 +123,12 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "Fashion Designer",
testimonial: "Exceptional vision and execution. A master of the cinematic craft.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-window_23-2148415798.jpg",
},
{
id: "t2",
name: "Marcus T.",
handle: "Agency Lead",
testimonial: "The AI visual integration changed our brand game entirely.",
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg",
},
{
id: "t3",
name: "Elena R.",
handle: "Boutique Owner",
testimonial: "Professional, moody, and perfectly on brand. Unforgettable.",
imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-smiling_23-2148760583.jpg",
},
{
id: "t4",
name: "David L.",
handle: "Brand Founder",
testimonial: "A truly luxury experience from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-suit-talking-phone_23-2148317350.jpg",
},
{
id: "t5",
name: "Chloe B.",
handle: "Content Lead",
testimonial: "Incredible reels editing. Captured our essence perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021790.jpg",
},
{ id: "t1", name: "Sarah J.", handle: "Fashion Designer", testimonial: "Exceptional vision and execution. A master of the cinematic craft.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-window_23-2148415798.jpg" },
{ id: "t2", name: "Marcus T.", handle: "Agency Lead", testimonial: "The AI visual integration changed our brand game entirely.", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg" }
]}
title="Client Perspectives"
description="Visual partnerships defined by results."
@@ -294,30 +141,10 @@ export default function LandingPage() {
title="Let’s Create Something Visually Unforgettable"
description="Ready to bring your brand to the next level?"
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "budget",
type: "text",
placeholder: "Budget Range",
},
{ name: "name", type: "text", placeholder: "Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{
name: "message",
placeholder: "Describe your vision...",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Describe your vision...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg"
buttonText="Send Message"
/>
@@ -327,49 +154,8 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="CREATIVE STUDIO"
columns={[
{
title: "Navigation",
items: [
{
label: "Work",
href: "#portfolio",
},
{
label: "Services",
href: "#services",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "WhatsApp",
href: "https://wa.me",
},
],
},
{ title: "Navigation", items: [{ label: "Work", href: "#portfolio" }, { label: "Services", href: "#services" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
]}
copyrightText="© 2024 Creative Studio. All rights reserved."
/>