bender/b508dc2f-3ee4-489c-bcba-db1b9f460787
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-27 09:26:10 +00:00
Conversation 0 Commits 1 Files Changed 1 +37 -203
1 changed files with 37 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "Team",
id: "#team",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "Team", id: "#team" },
{ name: "Contact", id: "#contact" },
]}
brandName="CutNColor Post"
/>
@@ -58,30 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Mastering the Art of Color and Motion"
description="Where raw footage transforms into cinematic brilliance. CutNColor Post delivers elite color grading and finishing services for the world's most demanding storytellers."
buttons={[
{
text: "Explore Services",
href: "#portfolio",
},
]}
buttons={[{ text: "Explore Services", href: "#portfolio" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg?_wi=1",
imageAlt: "Cinematic Color Suite",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg?_wi=2",
imageAlt: "Professional Finishing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg?_wi=3",
imageAlt: "Detail Focus",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Cinematic Color Suite" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Professional Finishing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Detail Focus" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Color Grading Suite" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Studio Lighting" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Final Render" }
]}
/>
</div>
@@ -92,18 +64,9 @@ export default function LandingPage() {
title="Crafting Visual Legacies"
description="With over a decade of industry-defining work, we balance precision with passion. Our studio ensures every frame resonates with the narrative intent of our clients."
metrics={[
{
value: "1500+",
title: "Projects Completed",
},
{
value: "24/7",
title: "Precision Workflow",
},
{
value: "50+",
title: "Global Partners",
},
{ value: "1500+", title: "Projects Completed" },
{ value: "24/7", title: "Precision Workflow" },
{ value: "50+", title: "Global Partners" },
]}
imageSrc="http://img.b2bpic.net/free-photo/bunch-cosmetics-beauty-vlogger_23-2148916352.jpg"
mediaAnimation="slide-up"
@@ -119,33 +82,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Cinematic",
name: "Urban Noir Series",
price: "Finish: 4K",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-background_58702-2597.jpg",
},
{
id: "2",
brand: "Commercial",
name: "High-Tech Narrative",
price: "Finish: 6K",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-freelancers-editing-film-footage-computer-using-movie-making-software-with-visual-sound-effects-working-post-production-montage-make-creative-content-app_482257-49850.jpg",
},
{
id: "3",
brand: "Indie",
name: "Lyrical Motion",
price: "Finish: 4K",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459671.jpg",
},
{ id: "1", brand: "Cinematic", name: "Urban Noir Series", price: "Finish: 4K", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-background_58702-2597.jpg" },
{ id: "2", brand: "Commercial", name: "High-Tech Narrative", price: "Finish: 6K", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/diverse-freelancers-editing-film-footage-computer-using-movie-making-software-with-visual-sound-effects-working-post-production-montage-make-creative-content-app_482257-49850.jpg" },
{ id: "3", brand: "Indie", name: "Lyrical Motion", price: "Finish: 4K", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459671.jpg" },
]}
title="Featured Post-Production Works"
description="A glimpse into our recent color grading and finishing projects."
@@ -157,30 +96,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: 1,
tag: "Process",
title: "Color Calibration",
subtitle: "Perfect Hue Accuracy",
description: "Strict industry adherence to color space standards.",
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg?_wi=1",
},
{
id: 2,
tag: "Technology",
title: "4K/8K Finishing",
subtitle: "High Resolution Mastery",
description: "Delivering crisp details for every screen format.",
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg?_wi=2",
},
{
id: 3,
tag: "Support",
title: "Collaborative Review",
subtitle: "Client-First Feedback",
description: "Live session reviews to ensure perfect results.",
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg?_wi=3",
},
{ id: 1, tag: "Process", title: "Color Calibration", subtitle: "Perfect Hue Accuracy", description: "Strict industry adherence to color space standards.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg" },
{ id: 2, tag: "Technology", title: "4K/8K Finishing", subtitle: "High Resolution Mastery", description: "Delivering crisp details for every screen format.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg" },
{ id: 3, tag: "Support", title: "Collaborative Review", subtitle: "Client-First Feedback", description: "Live session reviews to ensure perfect results.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg" },
]}
title="Precision-Driven Workflow"
description="Our studio is equipped with the latest industry-standard tools to provide a seamless finishing experience."
@@ -189,31 +107,14 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardTwo
animationType="blur-reveal"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "1",
name: "Aki Nakamura",
role: "Senior Colorist",
description: "15 years of grading narrative films.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-young-man-looking-camera_23-2148130274.jpg",
},
{
id: "2",
name: "Elena Vance",
role: "Lead Editor",
description: "Narrative pacing and rhythm expert.",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269932.jpg",
},
{
id: "3",
name: "Marcus Thorne",
role: "Finishing Lead",
description: "Master of resolution and mastering.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-analyst-works-accounting-analysis-while-he-is-dancing_482257-126026.jpg",
},
{ id: "1", name: "Aki Nakamura", role: "Senior Colorist", description: "15 years of grading narrative films.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-young-man-looking-camera_23-2148130274.jpg" },
{ id: "2", name: "Elena Vance", role: "Lead Editor", description: "Narrative pacing and rhythm expert.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269932.jpg" },
{ id: "3", name: "Marcus Thorne", role: "Finishing Lead", description: "Master of resolution and mastering.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-analyst-works-accounting-analysis-while-he-is-dancing_482257-126026.jpg" },
]}
title="The Masters Behind the Screen"
description="Meet our team of senior colorists and editors."
@@ -226,34 +127,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
handle: "@sarah_film",
testimonial: "The best grading I've experienced.",
imageSrc: "http://img.b2bpic.net/free-photo/man-model-sitting-chair_23-2148503518.jpg",
},
{
id: "2",
name: "David Zhou",
handle: "@d_zhou_prod",
testimonial: "Attention to detail is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-asian-woman-posing-with-headphones-around-neck-smiling-laughing-stand_1258-125675.jpg",
},
{
id: "3",
name: "Jane Doe",
handle: "@jane_director",
testimonial: "Total transformation of our footage.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-female-photographer-taking-pictures-with-professional-camera-tripod_613910-3601.jpg",
},
{
id: "4",
name: "Mark Roberts",
handle: "@mroberts_agency",
testimonial: "Incredible communication throughout.",
imageSrc: "http://img.b2bpic.net/free-photo/content-creator-doing-story-time-type-video-audience_482257-117694.jpg",
},
{ id: "1", name: "Sarah Miller", handle: "@sarah_film", testimonial: "The best grading I've experienced.", imageSrc: "http://img.b2bpic.net/free-photo/man-model-sitting-chair_23-2148503518.jpg" },
{ id: "2", name: "David Zhou", handle: "@d_zhou_prod", testimonial: "Attention to detail is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-asian-woman-posing-with-headphones-around-neck-smiling-laughing-stand_1258-125675.jpg" },
{ id: "3", name: "Jane Doe", handle: "@jane_director", testimonial: "Total transformation of our footage.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-female-photographer-taking-pictures-with-professional-camera-tripod_613910-3601.jpg" },
{ id: "4", name: "Mark Roberts", handle: "@mroberts_agency", testimonial: "Incredible communication throughout.", imageSrc: "http://img.b2bpic.net/free-photo/content-creator-doing-story-time-type-video-audience_482257-117694.jpg" },
]}
title="Client Voices"
description="Hear what the industry says about CutNColor Post."
@@ -262,39 +139,24 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
faqsAnimation="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What formats do you support?",
content: "We support all standard camera RAW and ProRes formats.",
},
{
id: "2",
title: "How long is the typical turnaround?",
content: "Usually 3-5 days depending on the project complexity.",
},
{
id: "3",
title: "Do you offer remote reviews?",
content: "Yes, we use live streaming review sessions.",
},
{ id: "1", title: "What formats do you support?", content: "We support all standard camera RAW and ProRes formats." },
{ id: "2", title: "How long is the typical turnaround?", content: "Usually 3-5 days depending on the project complexity." },
{ id: "3", title: "Do you offer remote reviews?", content: "Yes, we use live streaming review sessions." },
]}
imageSrc="http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-40332.jpg"
title="Frequently Asked Questions"
description="Understanding our finishing workflow."
faqsAnimation="blur-reveal"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Contact Us"
title="Start Your Project"
description="Ready to bring your footage to life? Let's discuss your next production."
@@ -304,36 +166,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation",
items: [
{
label: "Portfolio",
href: "#portfolio",
},
{
label: "Services",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Navigation", items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="CutNColor Post"
/>