Merge version_2 into main #1
227
src/app/page.tsx
227
src/app/page.tsx
@@ -33,95 +33,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Classic Cut"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Classic Cut Media"
|
||||
description="Transforming your vision into cinematic experiences. Premium video production for creators, brands, and agencies."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2851.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2851.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/video-maker-editing-montage-clips-coloring-software-home_482257-126243.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/video-maker-editing-montage-clips-coloring-software-home_482257-126243.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by visionary brands"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Our Portfolio", href: "#portfolio"},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic Production",
|
||||
},
|
||||
type: "text", text: "Cinematic Production"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Edits",
|
||||
},
|
||||
type: "text", text: "Award-Winning Edits"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Storytelling",
|
||||
},
|
||||
type: "text", text: "Creative Storytelling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Brand Partner",
|
||||
},
|
||||
type: "text", text: "Global Brand Partner"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Impact Visuals",
|
||||
},
|
||||
type: "text", text: "High-Impact Visuals"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,35 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pre-Production",
|
||||
description: "Creative planning, storyboarding, and logistical strategy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/film-reel-camcorder-camera-with-spiral-notepad-popcorns_23-2148188164.jpg",
|
||||
},
|
||||
title: "Pre-Production", description: "Creative planning, storyboarding, and logistical strategy.", imageSrc: "http://img.b2bpic.net/free-photo/film-reel-camcorder-camera-with-spiral-notepad-popcorns_23-2148188164.jpg"},
|
||||
{
|
||||
title: "Production",
|
||||
description: "High-fidelity cinematography with industry-leading gear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066318.jpg",
|
||||
},
|
||||
title: "Production", description: "High-fidelity cinematography with industry-leading gear.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066318.jpg"},
|
||||
{
|
||||
title: "Post-Production",
|
||||
description: "Advanced editing, color grading, and sound design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-editing-film-footage-his-dual-monitors_482257-121415.jpg",
|
||||
},
|
||||
title: "Post-Production", description: "Advanced editing, color grading, and sound design.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-editing-film-footage-his-dual-monitors_482257-121415.jpg"},
|
||||
{
|
||||
title: "Motion Graphics",
|
||||
description: "Dynamic 2D/3D animation to elevate your visual content.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-movie-script-close-up_23-2149066350.jpg",
|
||||
},
|
||||
title: "Motion Graphics", description: "Dynamic 2D/3D animation to elevate your visual content.", imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-movie-script-close-up_23-2149066350.jpg"},
|
||||
{
|
||||
title: "Sound Design",
|
||||
description: "Immersive audio engineering for a cinematic experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-clapping-clapperboard-wooden-tabletop_23-2147698857.jpg",
|
||||
},
|
||||
title: "Sound Design", description: "Immersive audio engineering for a cinematic experience.", imageSrc: "http://img.b2bpic.net/free-photo/person-clapping-clapperboard-wooden-tabletop_23-2147698857.jpg"},
|
||||
{
|
||||
title: "Color Grading",
|
||||
description: "Professional color science to define your film's aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clapperboard-red-tickets_23-2147698851.jpg",
|
||||
},
|
||||
title: "Color Grading", description: "Professional color science to define your film's aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/clapperboard-red-tickets_23-2147698851.jpg"},
|
||||
]}
|
||||
title="Full-Service Production"
|
||||
description="End-to-end support for all your media needs, from concept to final cut."
|
||||
@@ -188,41 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Corporate Promo",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-product-photography_23-2148970202.jpg",
|
||||
},
|
||||
id: "p1", name: "Corporate Promo", price: "Explore Case Study", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-product-photography_23-2148970202.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Music Video",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-composer-showing-thumbs-up_107420-96142.jpg",
|
||||
},
|
||||
id: "p2", name: "Music Video", price: "Explore Case Study", imageSrc: "http://img.b2bpic.net/free-photo/music-composer-showing-thumbs-up_107420-96142.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Action Documentary",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-digital-camera_641386-318.jpg",
|
||||
},
|
||||
id: "p3", name: "Action Documentary", price: "Explore Case Study", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-digital-camera_641386-318.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fashion Campaign",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-influencer-recording-fashion-video_23-2148135507.jpg",
|
||||
},
|
||||
id: "p4", name: "Fashion Campaign", price: "Explore Case Study", imageSrc: "http://img.b2bpic.net/free-photo/blonde-influencer-recording-fashion-video_23-2148135507.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Live Event Coverage",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-attractive-happy-woman-walking-with-young-positive-man-street_23-2148012595.jpg",
|
||||
},
|
||||
id: "p5", name: "Live Event Coverage", price: "Explore Case Study", imageSrc: "http://img.b2bpic.net/free-photo/charming-attractive-happy-woman-walking-with-young-positive-man-street_23-2148012595.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Social Media Storytelling",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-camera_23-2148532587.jpg",
|
||||
},
|
||||
id: "p6", name: "Social Media Storytelling", price: "Explore Case Study", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-camera_23-2148532587.jpg"},
|
||||
]}
|
||||
title="Featured Work"
|
||||
description="Explore our portfolio of high-impact films and commercial assets."
|
||||
@@ -237,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12M+",
|
||||
description: "Audience Impressions",
|
||||
},
|
||||
id: "m2", value: "12M+", description: "Audience Impressions"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Client Satisfaction"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proven results for agencies and brands worldwide."
|
||||
@@ -264,40 +176,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Lead",
|
||||
testimonial: "Exceptional storytelling. They brought our brand vision to life beyond expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Creative Lead", testimonial: "Exceptional storytelling. They brought our brand vision to life beyond expectations.", imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark R.",
|
||||
role: "Studio Manager",
|
||||
testimonial: "The technical precision and turn-around time on our documentary project were unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark R.", role: "Studio Manager", testimonial: "The technical precision and turn-around time on our documentary project were unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena M.",
|
||||
role: "Marketing Director",
|
||||
testimonial: "Classic Cut Media is now our primary partner for all high-end commercial campaigns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena M.", role: "Marketing Director", testimonial: "Classic Cut Media is now our primary partner for all high-end commercial campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Technical Producer",
|
||||
testimonial: "Their post-production flow is seamless. A top-tier team for any complex project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", role: "Technical Producer", testimonial: "Their post-production flow is seamless. A top-tier team for any complex project.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia H.",
|
||||
role: "Festival Organizer",
|
||||
testimonial: "Professional, creative, and always hitting the mark. A stellar production company.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-man-working-as-social-media-influencer_23-2151396827.jpg",
|
||||
},
|
||||
id: "t5", name: "Julia H.", role: "Festival Organizer", testimonial: "Professional, creative, and always hitting the mark. A stellar production company.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-man-working-as-social-media-influencer_23-2151396827.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Trusted by industry leaders in diverse fields."
|
||||
@@ -309,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your typical production timeframe?",
|
||||
content: "Depending on complexity, projects usually range from 2-6 weeks from pre-production to final delivery.",
|
||||
},
|
||||
id: "f1", title: "What is your typical production timeframe?", content: "Depending on complexity, projects usually range from 2-6 weeks from pre-production to final delivery."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you travel for shoots?",
|
||||
content: "Yes, we are fully equipped for international travel and remote production setups.",
|
||||
},
|
||||
id: "f2", title: "Do you travel for shoots?", content: "Yes, we are fully equipped for international travel and remote production setups."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you provide motion graphics?",
|
||||
content: "Absolutely. Motion graphics and 2D/3D animation are part of our core post-production services.",
|
||||
},
|
||||
id: "f3", title: "Can you provide motion graphics?", content: "Absolutely. Motion graphics and 2D/3D animation are part of our core post-production services."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Everything you need to know about our production services."
|
||||
@@ -334,16 +212,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Let's Film Your Next Project"
|
||||
description="Get in touch for a consultation or a custom quote today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@classiccut.media",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@classiccut.media"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -355,23 +230,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Film,
|
||||
href: "https://youtube.com",
|
||||
ariaLabel: "Youtube",
|
||||
},
|
||||
href: "https://youtube.com", ariaLabel: "Youtube"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user