bender/4d86379e-b8f4-4e87-b925-6b526db60047
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #1

Merged
bender merged 1 commits from version_3 into main 2026-05-06 14:05:56 +00:00
Conversation 0 Commits 1 Files Changed 1 +37 -225
1 changed files with 37 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

262
src/app/page.tsx
View File

@@ -12,6 +12,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
export default function LandingPage() {
return (
@@ -32,17 +33,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Blockbuster Ad"
/>
@@ -51,116 +46,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Cinematic Storytelling, Redefined."
description="We craft blockbuster-quality ads that command attention, evoke emotion, and drive engagement on streaming platforms worldwide."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/clapperboard-wooden-background_23-2147698801.jpg",
imageAlt: "cinematic film production",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066357.jpg",
imageAlt: "filmmaking camera lens",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-painting-with-watercolors_52683-108451.jpg",
imageAlt: "director on set",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg",
imageAlt: "film studio lights",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-photographer-shooting-young-woman_1268-21886.jpg",
imageAlt: "video editing suite",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-movie-elements-bicolored-background_23-2148416802.jpg",
imageAlt: "cinematic lens reflection",
},
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4", videoAriaLabel: "cinematic production process" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066357.jpg", imageAlt: "filmmaking camera lens" },
{ videoSrc: "https://www.w3schools.com/html/movie.mp4", videoAriaLabel: "behind the scenes" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/technological-piece-background_23-2148882601.jpg",
imageAlt: "cinematic lens reflection",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/online-criminal-celebrating-computer-system-victory-successful-hacking-night-satisfied-thief-committing-cyberattack-stealing-government-data-breaking-into-database-online-server_482257-68987.jpg",
imageAlt: "video editing suite",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sewing-machine_122409-62.jpg",
imageAlt: "film studio lights",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-male-blogger-recording-station_1303-22006.jpg",
imageAlt: "director on set",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lens-background-process-shooting-light-background_185193-164069.jpg",
imageAlt: "filmmaking camera lens",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/assortment-movie-elements-red-background-with-copy-space_23-2148457859.jpg",
imageAlt: "cinematic film production",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/technological-piece-background_23-2148882601.jpg", imageAlt: "cinematic lens reflection" },
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4", videoAriaLabel: "cinematic lighting setup" },
{ imageSrc: "http://img.b2bpic.net/free-photo/assortment-movie-elements-red-background-with-copy-space_23-2148457859.jpg", imageAlt: "cinematic film production" },
]}
buttons={[
{
text: "Start Your Project",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17214.jpg",
alt: "Professional lighting equipment on the movie set",
},
{
src: "http://img.b2bpic.net/free-photo/view-3d-cinema-projector_23-2151067016.jpg",
alt: "View of 3d cinema projector",
},
{
src: "http://img.b2bpic.net/free-photo/stacked-film-reels-with-popcorns-against-white-background_23-2148188228.jpg",
alt: "Stacked of film reels with popcorns against white background",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-film-elements-white-background_23-2148416838.jpg",
alt: "Top view film elements on white background",
},
{
src: "http://img.b2bpic.net/free-photo/overhead-view-film-strips-film-reel-various-type-camcorder-blue-background_23-2148188153.jpg",
alt: "An overhead view of film strips; film reel and various type of camcorder on blue background",
},
]}
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/advertising-advetise-consumer-advertisement-icon_53876-21333.jpg",
alt: "film production studio logo symbol",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/logotype_23-2148152993.jpg",
alt: "video agency logo modern",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/yolo-dream-life-motivation-explore-adventure_53876-21343.jpg",
alt: "broadcast company logo symbol",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-glasses-movies-popcorn_23-2149558743.jpg",
alt: "digital cinema house brand",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-glasses-camera-high-angle_23-2149558800.jpg",
alt: "independent film studio brand",
},
text: "Start Your Project", href: "#contact"},
]}
/>
</div>
@@ -170,24 +71,15 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Crafting the Future of",
},
type: "text", content: "Crafting the Future of"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066327.jpg",
alt: "film director focused",
},
type: "image", src: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066327.jpg", alt: "film director focused"},
{
type: "text",
content: "Cinematic Advertising",
},
type: "text", content: "Cinematic Advertising"},
]}
buttons={[
{
text: "Learn More",
href: "#contact",
},
text: "Learn More", href: "#contact"},
]}
/>
</div>
@@ -198,23 +90,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "8K Cinematic Quality",
description: "Crisp visuals that translate flawlessly to any screen size, capturing every detail with high-end color grading.",
imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-frozen-ground-field-sunset_181624-14140.jpg",
imageAlt: "cinematic 8k footage",
},
title: "8K Cinematic Quality", description: "Crisp visuals that translate flawlessly to any screen size, capturing every detail with high-end color grading.", imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-frozen-ground-field-sunset_181624-14140.jpg", imageAlt: "cinematic 8k footage"},
{
title: "Advanced VFX & Compositing",
description: "Our post-production team integrates seamless digital effects that blur the line between reality and fantasy.",
imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-with-glitch-overlay-3d-tone_53876-126842.jpg",
imageAlt: "vfx compositing interface",
},
title: "Advanced VFX & Compositing", description: "Our post-production team integrates seamless digital effects that blur the line between reality and fantasy.", imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-with-glitch-overlay-3d-tone_53876-126842.jpg", imageAlt: "vfx compositing interface"},
{
title: "Precision Stabilization",
description: "Dynamic movement captured with perfect stability, creating fluid narratives for your product.",
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066324.jpg",
imageAlt: "camera gimbal stabilization",
},
title: "Precision Stabilization", description: "Dynamic movement captured with perfect stability, creating fluid narratives for your product.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066324.jpg", imageAlt: "camera gimbal stabilization"},
]}
title="Unmatched Technical Excellence"
description="Our studio utilizes industry-leading technology to ensure every frame of your ad delivers maximum impact and visual fidelity."
@@ -229,20 +109,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150M+",
description: "Total Viewership",
},
id: "m1", value: "150M+", description: "Total Viewership"},
{
id: "m2",
value: "4.8x",
description: "Higher Engagement",
},
id: "m2", value: "4.8x", description: "Higher Engagement"},
{
id: "m3",
value: "98%",
description: "Client Satisfaction",
},
id: "m3", value: "98%", description: "Client Satisfaction"},
]}
title="Impact by the Numbers"
description="Our campaigns consistently deliver superior performance metrics across all major streaming platforms."
@@ -254,35 +125,11 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-photographer-with-camera_23-2148503555.jpg",
imageAlt: "filmmaking studio client",
},
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-photographer-with-camera_23-2148503555.jpg", imageAlt: "filmmaking studio client"},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg",
imageAlt: "creative producer portrait",
},
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg", imageAlt: "creative producer portrait"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248042.jpg",
imageAlt: "production manager portrait",
},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
imageAlt: "media executive portrait",
},
{
id: "5",
name: "Jessica Lee",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blogger-woman-taking-selfie-audience-using-smartphone-working-podcast-home-studio-content-creator-recording-new-fashion-beauty-review-having-fun-social-media-platform_482257-16580.jpg",
imageAlt: "content creator portrait",
},
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248042.jpg", imageAlt: "production manager portrait"},
]}
cardTitle="Client Voices"
cardAnimation="slide-up"
@@ -295,14 +142,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
names={[
"Film Studio X",
"Creative Media House",
"Broadcast Network Corp",
"Digital Cinema Agency",
"Independent Film House",
"Streaming Leader",
"AdTech Solutions",
]}
"Film Studio X", "Creative Media House", "Broadcast Network Corp", "Digital Cinema Agency", "Independent Film House"]}
title="Trusted by Leaders"
description="Partnering with industry pioneers to push the boundaries of visual storytelling."
/>
@@ -314,20 +154,9 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What's the typical timeline?",
content: "Our production timelines range from 4 to 8 weeks depending on scope.",
},
id: "f1", title: "What's the typical timeline?", content: "Our production timelines range from 4 to 8 weeks depending on scope."},
{
id: "f2",
title: "Do you handle post-production?",
content: "Yes, we handle the full cycle from pre-production through final color grading.",
},
{
id: "f3",
title: "Can you adapt to specific platforms?",
content: "Absolutely, we specialize in platform-optimized deliverables.",
},
id: "f2", title: "Do you handle post-production?", content: "Yes, we handle the full cycle from pre-production through final color grading."},
]}
title="Common Questions"
description="Have questions about our production process? We have answers."
@@ -339,16 +168,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Let's Film"
title="Ready to Start?"
description="Contact us today for a consultation and transform your vision into a blockbuster cinematic experience."
buttons={[
{
text: "Get in Touch",
href: "mailto:hello@example.com",
},
text: "Get in Touch", href: "mailto:hello@example.com"},
]}
/>
</div>
@@ -357,29 +183,15 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
title: "Company", items: [
{ label: "About", href: "#" },
{ label: "Careers", href: "#" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" },
],
},
]}
@@ -390,4 +202,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}