Merge version_1 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Work", id: "#portfolio"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Lumina Films"
|
||||
/>
|
||||
@@ -48,100 +42,57 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="We Tell Stories That Stick"
|
||||
description="Lumina Films creates high-end cinematic content for brands and creators who dare to stand out. From concept to color grade, we deliver excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahfilms",
|
||||
testimonial: "Lumina Films elevated our brand storytelling. Their process is smooth, professional, and visually stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "@sarahfilms", testimonial: "Lumina Films elevated our brand storytelling. Their process is smooth, professional, and visually stunning.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
|
||||
{
|
||||
name: "Mark Roberts",
|
||||
handle: "@mark_vision",
|
||||
testimonial: "Absolute masters of color and composition. Highly recommended for commercial productions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg?_wi=1",
|
||||
},
|
||||
name: "Mark Roberts", handle: "@mark_vision", testimonial: "Absolute masters of color and composition. Highly recommended for commercial productions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_creative",
|
||||
testimonial: "They captured our product perfectly. The cinematic quality blew our expectations out of the water.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena V.", handle: "@elena_creative", testimonial: "They captured our product perfectly. The cinematic quality blew our expectations out of the water.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg"},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "@david_films",
|
||||
testimonial: "A team that truly understands the rhythm of storytelling. Exceptional execution from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-making-heart-gesture-with-fingers-looking-front-with-confident-expression-standing-pink-wall_141793-50893.jpg?_wi=1",
|
||||
},
|
||||
name: "David Kim", handle: "@david_films", testimonial: "A team that truly understands the rhythm of storytelling. Exceptional execution from start to finish.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-making-heart-gesture-with-fingers-looking-front-with-confident-expression-standing-pink-wall_141793-50893.jpg"},
|
||||
{
|
||||
name: "Alex Rivera",
|
||||
handle: "@arivera_prod",
|
||||
testimonial: "Seamless collaboration. They brought our vision to life with stunning technical precision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg?_wi=2",
|
||||
},
|
||||
name: "Alex Rivera", handle: "@arivera_prod", testimonial: "Seamless collaboration. They brought our vision to life with stunning technical precision.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Our Portfolio", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tape-recorder-near-brick-wall_657883-213.jpg"
|
||||
imageAlt="Cinematic film camera setup"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-making-heart-gesture-with-fingers-looking-front-with-confident-expression-standing-pink-wall_141793-50893.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-making-heart-gesture-with-fingers-looking-front-with-confident-expression-standing-pink-wall_141793-50893.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ visionary leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic Production",
|
||||
},
|
||||
type: "text", text: "Cinematic Production"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Color Grading",
|
||||
},
|
||||
type: "text", text: "Color Grading"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Storytelling",
|
||||
},
|
||||
type: "text", text: "Brand Storytelling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Field Production",
|
||||
},
|
||||
type: "text", text: "Field Production"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Post-Production Excellence",
|
||||
},
|
||||
type: "text", text: "Post-Production Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,26 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Post Production",
|
||||
description: "Precision editing, sound design, and world-class color grading that brings your story to life.",
|
||||
tag: "Expertise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Post Production", description: "Precision editing, sound design, and world-class color grading that brings your story to life.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Field Cinematography",
|
||||
description: "From remote locations to studio stages, we use the industry's best gear for perfect shots.",
|
||||
tag: "Execution",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-photo-his-girlfriend-with-retro-camera_23-2148768782.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Field Cinematography", description: "From remote locations to studio stages, we use the industry's best gear for perfect shots.", tag: "Execution", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-photo-his-girlfriend-with-retro-camera_23-2148768782.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Creative Direction",
|
||||
description: "A collaborative approach to scripting, storyboarding, and conceptualizing high-impact visuals.",
|
||||
tag: "Strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943483.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Creative Direction", description: "A collaborative approach to scripting, storyboarding, and conceptualizing high-impact visuals.", tag: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943483.jpg"},
|
||||
]}
|
||||
title="Crafting Visual Excellence"
|
||||
description="We specialize in full-service production solutions that bridge the gap between imagination and reality."
|
||||
@@ -186,26 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
title: "Discovery",
|
||||
description: "Researching your brand goals and defining the core message.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", value: "01", title: "Discovery", description: "Researching your brand goals and defining the core message.", imageSrc: "http://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
title: "Production",
|
||||
description: "Executing the shoot with our specialized crew and equipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-photo-his-girlfriend-with-retro-camera_23-2148768782.jpg?_wi=2",
|
||||
},
|
||||
id: "m2", value: "02", title: "Production", description: "Executing the shoot with our specialized crew and equipment.", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-photo-his-girlfriend-with-retro-camera_23-2148768782.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
title: "Refinement",
|
||||
description: "Finalizing the cut, color, and sound for cinematic impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943483.jpg?_wi=2",
|
||||
},
|
||||
id: "m3", value: "03", title: "Refinement", description: "Finalizing the cut, color, and sound for cinematic impact.", imageSrc: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943483.jpg"},
|
||||
]}
|
||||
title="Our Proven Workflow"
|
||||
description="Our three-stage process ensures transparency, efficiency, and high-impact final results for every client."
|
||||
@@ -214,63 +135,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Creative Lead",
|
||||
company: "TechVision",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg?_wi=3",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", role: "Creative Lead", company: "TechVision", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Roberts",
|
||||
role: "Marketing VP",
|
||||
company: "GrowthCore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Mark Roberts", role: "Marketing VP", company: "GrowthCore", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
role: "Founder",
|
||||
company: "EcoFashion",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Elena V.", role: "Founder", company: "EcoFashion", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Director",
|
||||
company: "BrandStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-making-heart-gesture-with-fingers-looking-front-with-confident-expression-standing-pink-wall_141793-50893.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Director", company: "BrandStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-making-heart-gesture-with-fingers-looking-front-with-confident-expression-standing-pink-wall_141793-50893.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Rossi",
|
||||
role: "Head of Production",
|
||||
company: "GlobalMedia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg?_wi=4",
|
||||
},
|
||||
id: "t5", name: "Sofia Rossi", role: "Head of Production", company: "GlobalMedia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "150+", label: "Projects Completed"},
|
||||
{
|
||||
value: "45+",
|
||||
label: "Global Brands",
|
||||
},
|
||||
value: "45+", label: "Global Brands"},
|
||||
{
|
||||
value: "12M+",
|
||||
label: "Views Delivered",
|
||||
},
|
||||
value: "12M+", label: "Views Delivered"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Trusted by brands across the globe to deliver visual storytelling excellence."
|
||||
@@ -281,8 +172,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to bring your vision to screen?"
|
||||
description="Let's discuss your next production. We're ready to start building your cinematic future."
|
||||
@@ -293,33 +183,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Process", href: "#process"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user