bender/c249e89a-15ff-46e0-a652-d6e69dc44eec
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-14 16:52:24 +00:00
parent 9e4a7b406d 3b078b571f
commit 75f4fb4c25
2 changed files with 53 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
src/app/page.tsx
View File

@@ -32,17 +32,11 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Gabriele."
/>
@@ -54,39 +48,23 @@ export default function LandingPage() {
description="Content Manager specialized in high-performance storytelling, brand identity, and scalable video strategies for digital products."
buttons={[
{
text: "View Portfolio",
href: "#portfolio",
},
text: "View Portfolio", href: "#portfolio"},
{
text: "Let's Talk",
href: "#contact",
},
text: "Let's Talk", href: "#contact"},
]}
slides={[
{
videoSrc: "https://example.com/video1.mp4",
imageSrc: "http://img.b2bpic.net/free-photo/tech-content-creator-filming-technology-review-newly-released-vr-glasses_482257-82727.jpg",
},
videoSrc: "https://example.com/video1.mp4", imageSrc: "http://img.b2bpic.net/free-photo/tech-content-creator-filming-technology-review-newly-released-vr-glasses_482257-82727.jpg"},
{
videoSrc: "https://example.com/video2.mp4",
imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64841.jpg",
},
videoSrc: "https://example.com/video2.mp4", imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64841.jpg"},
{
videoSrc: "https://example.com/video3.mp4",
imageSrc: "http://img.b2bpic.net/free-photo/remotely-working-company-financial-advisor-analyzing-statistical-graphs_482257-92945.jpg",
},
videoSrc: "https://example.com/video3.mp4", imageSrc: "http://img.b2bpic.net/free-photo/remotely-working-company-financial-advisor-analyzing-statistical-graphs_482257-92945.jpg"},
{
videoSrc: "https://example.com/video4.mp4",
imageSrc: "http://img.b2bpic.net/free-photo/remote-post-production-studio-worker-editing-raw-footage-chroma-key-pc_482257-119027.jpg",
},
videoSrc: "https://example.com/video4.mp4", imageSrc: "http://img.b2bpic.net/free-photo/remote-post-production-studio-worker-editing-raw-footage-chroma-key-pc_482257-119027.jpg"},
{
videoSrc: "https://example.com/video5.mp4",
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-red-wooden-planks-view_181624-3641.jpg",
},
videoSrc: "https://example.com/video5.mp4", imageSrc: "http://img.b2bpic.net/free-photo/cool-background-red-wooden-planks-view_181624-3641.jpg"},
{
videoSrc: "https://example.com/video6.mp4",
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-computer_482257-114303.jpg",
},
videoSrc: "https://example.com/video6.mp4", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-computer_482257-114303.jpg"},
]}
/>
</div>
@@ -96,18 +74,11 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Crafting Stories that ",
},
type: "text", content: "Crafting Stories that "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/businessman-noting-down_53876-30718.jpg",
alt: "Gabriele",
},
type: "image", src: "http://img.b2bpic.net/free-photo/businessman-noting-down_53876-30718.jpg", alt: "Gabriele"},
{
type: "text",
content: " Convert",
},
type: "text", content: " Convert"},
]}
/>
</div>
@@ -120,59 +91,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "TechCorp",
name: "SaaS Platform Launch",
price: "Video Strategy",
rating: 5,
reviewCount: "2023",
imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-community-global-concept_53876-64987.jpg",
},
id: "1", brand: "TechCorp", name: "SaaS Platform Launch", price: "Video Strategy", rating: 5,
reviewCount: "2023", imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-community-global-concept_53876-64987.jpg"},
{
id: "2",
brand: "CreativeCo",
name: "Documentary Short",
price: "Storytelling",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058825.jpg",
},
id: "2", brand: "CreativeCo", name: "Documentary Short", price: "Storytelling", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058825.jpg"},
{
id: "3",
brand: "FinTech",
name: "App Promo Series",
price: "Content Dev",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/green-screen-tablet-desk-multimedia-agency-video-editor-working-production-company_482257-82188.jpg",
},
id: "3", brand: "FinTech", name: "App Promo Series", price: "Content Dev", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/green-screen-tablet-desk-multimedia-agency-video-editor-working-production-company_482257-82188.jpg"},
{
id: "4",
brand: "AgencyX",
name: "B2B Brand Insight",
price: "Production",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/gear-used-filming-laptop-review_482257-91278.jpg",
},
id: "4", brand: "AgencyX", name: "B2B Brand Insight", price: "Production", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/gear-used-filming-laptop-review_482257-91278.jpg"},
{
id: "5",
brand: "StartupZ",
name: "Viral Ad Series",
price: "Engagement",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-still-life-concept_23-2149019260.jpg",
},
id: "5", brand: "StartupZ", name: "Viral Ad Series", price: "Engagement", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-still-life-concept_23-2149019260.jpg"},
{
id: "6",
brand: "ImpactBrand",
name: "Global Storytelling",
price: "Direction",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blogger-girl-is-looking-her-little-camera-by-putting-hands-cheeks-blue-background_176474-116423.jpg",
},
id: "6", brand: "ImpactBrand", name: "Global Storytelling", price: "Direction", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blogger-girl-is-looking-her-little-camera-by-putting-hands-cheeks-blue-background_176474-116423.jpg"},
]}
title="Selected Works"
description="A collection of high-impact video campaigns."
@@ -186,20 +121,11 @@ export default function LandingPage() {
tag="Results"
metrics={[
{
id: "1",
value: "50+",
description: "Successful Projects Delivered",
},
id: "1", value: "50+", description: "Successful Projects Delivered"},
{
id: "2",
value: "2M+",
description: "Total Organic Impressions",
},
id: "2", value: "2M+", description: "Total Organic Impressions"},
{
id: "3",
value: "15%",
description: "Average CVR Growth",
},
id: "3", value: "15%", description: "Average CVR Growth"},
]}
metricsAnimation="slide-up"
/>
@@ -212,40 +138,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "CEO",
testimonial: "Gabriele turned our vision into high-performing content.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
},
id: "1", name: "Sarah J.", role: "CEO", testimonial: "Gabriele turned our vision into high-performing content.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg"},
{
id: "2",
name: "Mark C.",
role: "CTO",
testimonial: "Data-driven creative that actually moves the needle.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
},
id: "2", name: "Mark C.", role: "CTO", testimonial: "Data-driven creative that actually moves the needle.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg"},
{
id: "3",
name: "Elena R.",
role: "CMO",
testimonial: "Exceptional management and execution skills.",
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg",
},
id: "3", name: "Elena R.", role: "CMO", testimonial: "Exceptional management and execution skills.", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg"},
{
id: "4",
name: "David K.",
role: "Head of Growth",
testimonial: "A true partner in our scale-up journey.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-phone_23-2148815643.jpg",
},
id: "4", name: "David K.", role: "Head of Growth", testimonial: "A true partner in our scale-up journey.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-phone_23-2148815643.jpg"},
{
id: "5",
name: "Sophie P.",
role: "Brand Lead",
testimonial: "Creative, punctual, and highly professional.",
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
},
id: "5", name: "Sophie P.", role: "Brand Lead", testimonial: "Creative, punctual, and highly professional.", imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg"},
]}
title="Client Success"
description="What partners say about the collaboration."
@@ -261,35 +162,11 @@ export default function LandingPage() {
description="Trends and strategies in video management."
blogs={[
{
id: "b1",
category: "Strategy",
title: "Scaling Content Production",
excerpt: "How to maintain quality at high velocity.",
imageSrc: "http://img.b2bpic.net/free-vector/illustration-social-media-concept_53876-18136.jpg",
authorName: "Gabriele",
authorAvatar: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
date: "Jan 2025",
},
id: "b1", category: "Strategy", title: "Scaling Content Production", excerpt: "How to maintain quality at high velocity.", imageSrc: "http://img.b2bpic.net/free-vector/illustration-social-media-concept_53876-18136.jpg", authorName: "Gabriele", authorAvatar: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", date: "Jan 2025"},
{
id: "b2",
category: "Tech",
title: "AI in Video Workflow",
excerpt: "Leveraging new tools for creative efficiency.",
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066382.jpg",
authorName: "Gabriele",
authorAvatar: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
date: "Dec 2024",
},
id: "b2", category: "Tech", title: "AI in Video Workflow", excerpt: "Leveraging new tools for creative efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066382.jpg", authorName: "Gabriele", authorAvatar: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", date: "Dec 2024"},
{
id: "b3",
category: "Brand",
title: "Storytelling in 2025",
excerpt: "Why authenticity beats polished production.",
imageSrc: "http://img.b2bpic.net/free-photo/creative-company-professional-movie-footage-editor-sitting-multi-monitor-workstation-while-editing-film-frames-expert-videographer-improving-video-quality-using-specialized-software_482257-41680.jpg",
authorName: "Gabriele",
authorAvatar: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg",
date: "Nov 2024",
},
id: "b3", category: "Brand", title: "Storytelling in 2025", excerpt: "Why authenticity beats polished production.", imageSrc: "http://img.b2bpic.net/free-photo/creative-company-professional-movie-footage-editor-sitting-multi-monitor-workstation-while-editing-film-frames-expert-videographer-improving-video-quality-using-specialized-software_482257-41680.jpg", authorName: "Gabriele", authorAvatar: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg", date: "Nov 2024"},
]}
/>
</div>
@@ -300,20 +177,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What is your main expertise?",
content: "Brand storytelling, video production and strategic content management.",
},
id: "f1", title: "What is your main expertise?", content: "Brand storytelling, video production and strategic content management."},
{
id: "f2",
title: "Can you work with distributed teams?",
content: "Yes, I am fully equipped for remote collaboration.",
},
id: "f2", title: "Can you work with distributed teams?", content: "Yes, I am fully equipped for remote collaboration."},
{
id: "f3",
title: "How do you measure success?",
content: "Through engagement, conversion rates, and brand awareness metrics.",
},
id: "f3", title: "How do you measure success?", content: "Through engagement, conversion rates, and brand awareness metrics."},
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots_1048-8571.jpg"
mediaAnimation="slide-up"
@@ -327,8 +195,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Let's Collaborate"
description="Ready to scale your content strategy?"
tag="Contact"
@@ -340,29 +207,19 @@ export default function LandingPage() {
logoText="Gabriele."
columns={[
{
title: "Links",
items: [
title: "Links", items: [
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Email",
href: "mailto:hello@gabriele.com",
},
label: "Email", href: "mailto:hello@gabriele.com"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
],
},
]}
@@ -371,4 +228,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

10
src/app/styles/variables.css
View File

@@ -12,13 +12,13 @@
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f0f8ffe6;
--primary-cta: #cee7ff;
--foreground: #ffffff;
--primary-cta: #1f7cff;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta: #010101;
--secondary-cta-text: #f0f8ffe6;
--accent: #737373;
--background-accent: #737373;
--accent: #1f7cff;
--background-accent: #f96b2f;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);