bender/66c6cefe-4e75-4ed0-8c0d-5a67a5a66e9c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 13:46:22 +00:00
parent fac84986da
commit 3698948a21
1 changed files with 67 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

318
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Film, Users } from "lucide-react";
import { Award, Film, Users, ArrowRight } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Career",
id: "#career",
},
name: "Career", id: "#career"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Lumina Studios"
/>
@@ -56,109 +48,61 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Crafting Cinematic Excellence"
description="Lumina Studios delivers world-class motion pictures, bringing stories to life through unparalleled vision and technology."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg", imageAlt: "film set cinematography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79914.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79914.jpg", imageAlt: "film set cinematography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17214.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17214.jpg", imageAlt: "film set cinematography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cinema-teather_23-2151169423.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cinema-teather_23-2151169423.jpg", imageAlt: "film set cinematography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-theatre-room_23-2151066956.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-theatre-room_23-2151066956.jpg", imageAlt: "film set cinematography"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/fire-flame-blur-background_23-2147904932.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/fire-flame-blur-background_23-2147904932.jpg", imageAlt: "film set cinematography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79782.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79782.jpg", imageAlt: "film set cinematography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cinema-hall-with-armchairs-unfocused_1203-820.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/cinema-hall-with-armchairs-unfocused_1203-820.jpg", imageAlt: "film set cinematography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066317.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066317.jpg", imageAlt: "film set cinematography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066341.jpg",
imageAlt: "film set cinematography",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066341.jpg", imageAlt: "film set cinematography"},
]}
buttons={[
{
text: "Explore Projects",
href: "#projects",
},
text: "Explore Projects", href: "#projects"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/abstract-background-with-cloud_23-2148292421.jpg",
alt: "Abstract background with cloud",
},
src: "http://img.b2bpic.net/free-photo/abstract-background-with-cloud_23-2148292421.jpg", alt: "Abstract background with cloud"},
{
src: "http://img.b2bpic.net/free-photo/handicraft-electric-lamp-wall_1112-1337.jpg",
alt: "Handicraft electric lamp on wall",
},
src: "http://img.b2bpic.net/free-photo/handicraft-electric-lamp-wall_1112-1337.jpg", alt: "Handicraft electric lamp on wall"},
{
src: "http://img.b2bpic.net/free-photo/ceiling-spotlight-with-warm-neutral-cool-lighting-variations-3d-render_363450-7883.jpg",
alt: "Ceiling Spotlight with Warm Neutral and Cool Lighting Variations in 3D render",
},
src: "http://img.b2bpic.net/free-photo/ceiling-spotlight-with-warm-neutral-cool-lighting-variations-3d-render_363450-7883.jpg", alt: "Ceiling Spotlight with Warm Neutral and Cool Lighting Variations in 3D render"},
{
src: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-79939.jpg",
alt: "Gradient abstract background empty room with space for your text and picture",
},
src: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-79939.jpg", alt: "Gradient abstract background empty room with space for your text and picture"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-photo-camera_23-2149537027.jpg",
alt: "Medium shot man holding photo camera",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-photo-camera_23-2149537027.jpg", alt: "Medium shot man holding photo camera"},
]}
avatarText="Trusted by visionary directors and global distributors."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg",
alt: "Man on cafe racer style motorbike",
},
type: "image", src: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg", alt: "Man on cafe racer style motorbike"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-vintage-backstage_23-2151211366.jpg",
alt: "Retro world theatre day scenes with vintage backstage",
},
type: "image", src: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-vintage-backstage_23-2151211366.jpg", alt: "Retro world theatre day scenes with vintage backstage"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15946.jpg",
alt: "Lots of led lightning systems, few with color filters and stairs in movie set",
},
type: "image", src: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15946.jpg", alt: "Lots of led lightning systems, few with color filters and stairs in movie set"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/view-3d-cinema-theatre-room_23-2151066969.jpg",
alt: "View of 3d cinema theatre room",
},
type: "image", src: "http://img.b2bpic.net/free-photo/view-3d-cinema-theatre-room_23-2151066969.jpg", alt: "View of 3d cinema theatre room"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/inside-auditorium-with-word-word-bottom-right_188544-32927.jpg",
alt: "The inside of an auditorium with the word \" the word \" on the bottom right.",
},
type: "image", src: "http://img.b2bpic.net/free-photo/inside-auditorium-with-word-word-bottom-right_188544-32927.jpg", alt: "The inside of an auditorium with the word \" the word \" on the bottom right."},
]}
/>
</div>
@@ -170,19 +114,13 @@ export default function LandingPage() {
metrics={[
{
icon: Award,
label: "Industry Awards",
value: "150+",
},
label: "Industry Awards", value: "150+"},
{
icon: Film,
label: "Films Produced",
value: "85",
},
label: "Films Produced", value: "85"},
{
icon: Users,
label: "Global Audience",
value: "50M+",
},
label: "Global Audience", value: "50M+"},
]}
metricsAnimation="slide-up"
/>
@@ -194,28 +132,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Creative Direction",
description: "Storyboarding and vision mapping.",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-expensive-high-tech-movie-camera_23-2150720834.jpg",
buttonIcon: "ArrowRight",
title: "Creative Direction", description: "Storyboarding and vision mapping.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-expensive-high-tech-movie-camera_23-2150720834.jpg", buttonIcon: ArrowRight,
},
{
title: "Advanced Production",
description: "State-of-the-art camera and lighting.",
imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-second-prize_23-2149059612.jpg",
buttonIcon: "ArrowRight",
title: "Advanced Production", description: "State-of-the-art camera and lighting.", imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-second-prize_23-2149059612.jpg", buttonIcon: ArrowRight,
},
{
title: "VFX & Digital",
description: "Cutting edge CGI and effects.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-processing-software-interface-computer-screens-creative-agency-studio_482257-82219.jpg",
buttonIcon: "ArrowRight",
title: "VFX & Digital", description: "Cutting edge CGI and effects.", imageSrc: "http://img.b2bpic.net/free-photo/photo-processing-software-interface-computer-screens-creative-agency-studio_482257-82219.jpg", buttonIcon: ArrowRight,
},
{
title: "Post-Production",
description: "Expert editing and audio mixing.",
imageSrc: "http://img.b2bpic.net/free-photo/developing-photos-darkroom-high-angle_23-2149894020.jpg",
buttonIcon: "ArrowRight",
title: "Post-Production", description: "Expert editing and audio mixing.", imageSrc: "http://img.b2bpic.net/free-photo/developing-photos-darkroom-high-angle_23-2149894020.jpg", buttonIcon: ArrowRight,
},
]}
title="Our Capabilities"
@@ -231,41 +157,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Beyond the Veil",
price: "Drama",
imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-face-made-with-popcorns-3d-glasses-cinema-time-text-against-blue-backdrop_23-2148188240.jpg",
},
id: "1", name: "Beyond the Veil", price: "Drama", imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-face-made-with-popcorns-3d-glasses-cinema-time-text-against-blue-backdrop_23-2148188240.jpg"},
{
id: "2",
name: "Neon City Dreams",
price: "Sci-Fi",
imageSrc: "http://img.b2bpic.net/free-photo/ink-pen-old-ruled-paper_23-2147775706.jpg",
},
id: "2", name: "Neon City Dreams", price: "Sci-Fi", imageSrc: "http://img.b2bpic.net/free-photo/ink-pen-old-ruled-paper_23-2147775706.jpg"},
{
id: "3",
name: "Echoes of Silence",
price: "Thriller",
imageSrc: "http://img.b2bpic.net/free-photo/cinema-concept-with-reel_23-2147989036.jpg",
},
id: "3", name: "Echoes of Silence", price: "Thriller", imageSrc: "http://img.b2bpic.net/free-photo/cinema-concept-with-reel_23-2147989036.jpg"},
{
id: "4",
name: "The Last Frontier",
price: "Action",
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-popcorn-movies-high-angle_23-2149558740.jpg",
},
id: "4", name: "The Last Frontier", price: "Action", imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-popcorn-movies-high-angle_23-2149558740.jpg"},
{
id: "5",
name: "Midnight Protocol",
price: "Noir",
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275525.jpg",
},
id: "5", name: "Midnight Protocol", price: "Noir", imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275525.jpg"},
{
id: "6",
name: "Starlight Odyssey",
price: "Adventure",
imageSrc: "http://img.b2bpic.net/free-photo/man-control-sound-mixer-console-panel-board_1150-10482.jpg",
},
id: "6", name: "Starlight Odyssey", price: "Adventure", imageSrc: "http://img.b2bpic.net/free-photo/man-control-sound-mixer-console-panel-board_1150-10482.jpg"},
]}
title="Featured Projects"
description="Discover our portfolio of acclaimed motion pictures."
@@ -279,34 +181,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "Consultation",
name: "Foundation",
features: [
"Script review",
"Storyboard consult",
],
id: "basic", price: "Consultation", name: "Foundation", features: [
"Script review", "Storyboard consult"],
buttons: [
{
text: "Inquire",
href: "#contact",
},
text: "Inquire", href: "#contact"},
],
},
{
id: "pro",
price: "Production",
name: "Director",
features: [
"Full production",
"VFX suite",
"Post support",
],
id: "pro", price: "Production", name: "Director", features: [
"Full production", "VFX suite", "Post support"],
buttons: [
{
text: "Inquire",
href: "#contact",
},
text: "Inquire", href: "#contact"},
],
},
]}
@@ -322,31 +209,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "120M+",
title: "Views",
items: [
"Global screenings",
"Streaming success",
],
id: "m1", value: "120M+", title: "Views", items: [
"Global screenings", "Streaming success"],
},
{
id: "m2",
value: "20",
title: "Regions",
items: [
"Global distribution",
"Market reach",
],
id: "m2", value: "20", title: "Regions", items: [
"Global distribution", "Market reach"],
},
{
id: "m3",
value: "500",
title: "Crew",
items: [
"Industry professionals",
"Top talent",
],
id: "m3", value: "500", title: "Crew", items: [
"Industry professionals", "Top talent"],
},
]}
title="Impact Data"
@@ -360,55 +232,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex Rivers",
date: "Jan 2024",
title: "Producer",
quote: "Exceptional team to work with.",
tag: "Cinema",
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/little-child-girl-skatepark_1321-3939.jpg",
},
id: "1", name: "Alex Rivers", date: "Jan 2024", title: "Producer", quote: "Exceptional team to work with.", tag: "Cinema", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg", imageSrc: "http://img.b2bpic.net/free-photo/little-child-girl-skatepark_1321-3939.jpg"},
{
id: "2",
name: "Sarah Miller",
date: "Feb 2024",
title: "Director",
quote: "Visionaries in every sense.",
tag: "Art",
avatarSrc: "http://img.b2bpic.net/free-photo/positive-bearded-cameraman-holds-vintage-8mm-video-camera-studio-grey-vignette-background_613910-10023.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-popcorn-frame_23-2147698935.jpg",
},
id: "2", name: "Sarah Miller", date: "Feb 2024", title: "Director", quote: "Visionaries in every sense.", tag: "Art", avatarSrc: "http://img.b2bpic.net/free-photo/positive-bearded-cameraman-holds-vintage-8mm-video-camera-studio-grey-vignette-background_613910-10023.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-popcorn-frame_23-2147698935.jpg"},
{
id: "3",
name: "James Bond",
date: "Mar 2024",
title: "Writer",
quote: "They elevated the story significantly.",
tag: "Script",
avatarSrc: "http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970192.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cinema-elements-beige-background-with-white-empty-frame_23-2148416818.jpg",
},
id: "3", name: "James Bond", date: "Mar 2024", title: "Writer", quote: "They elevated the story significantly.", tag: "Script", avatarSrc: "http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970192.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cinema-elements-beige-background-with-white-empty-frame_23-2148416818.jpg"},
{
id: "4",
name: "Clara Vane",
date: "Apr 2024",
title: "Actor",
quote: "Professional and deeply creative.",
tag: "Acting",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-movie-producer_23-2148915848.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/film-frame-dark-room_23-2151947357.jpg",
},
id: "4", name: "Clara Vane", date: "Apr 2024", title: "Actor", quote: "Professional and deeply creative.", tag: "Acting", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-movie-producer_23-2148915848.jpg", imageSrc: "http://img.b2bpic.net/free-photo/film-frame-dark-room_23-2151947357.jpg"},
{
id: "5",
name: "Mark Stone",
date: "May 2024",
title: "Composer",
quote: "Incredible production workflow.",
tag: "Music",
avatarSrc: "http://img.b2bpic.net/free-photo/serious-man-with-crossed-arms_1122-1449.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-black-white-front-view_23-2149735212.jpg",
},
id: "5", name: "Mark Stone", date: "May 2024", title: "Composer", quote: "Incredible production workflow.", tag: "Music", avatarSrc: "http://img.b2bpic.net/free-photo/serious-man-with-crossed-arms_1122-1449.jpg", imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-black-white-front-view_23-2149735212.jpg"},
]}
title="Collaborator Voices"
description="Industry leaders sharing their experience with Lumina Studios."
@@ -419,8 +251,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Start Your Film Project"
description="Drop us a line to discuss collaboration, careers, or production queries."
buttonText="Send Inquiry"
@@ -432,42 +263,27 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Career",
href: "#career",
},
label: "Career", href: "#career"},
],
},
{
title: "Projects",
items: [
title: "Projects", items: [
{
label: "Film Portfolio",
href: "#projects",
},
label: "Film Portfolio", href: "#projects"},
{
label: "Production",
href: "#pricing",
},
label: "Production", href: "#pricing"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
],
},
]}