bender/9a600552-a95e-4fed-b87b-351348fcccb6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-18 04:46:22 +00:00
Conversation 0 Commits 1 Files Changed 1 +46 -302
1 changed files with 46 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

348
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" },
]}
brandName="TripMedia"
/>
@@ -55,111 +43,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Audiovisual Innovation Delivered."
description="Empowering brands through cutting-edge production, post-production, and digital storytelling. TripMedia is your partner in premium media experiences."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-girl-filming-herself-using-camera-tripod-microphone_1268-17202.jpg",
imageAlt: "professional video camera studio",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blur-photo-workplace-with-camera-memory-cards-foreground-modern-computer-stands-white-table-with-notebook-pen-lying-beside_197531-3412.jpg",
imageAlt: "filmmaker editing studio",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110067.jpg",
imageAlt: "cinema lens close up",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-close-up-ferromagnetic-metal_23-2148253626.jpg",
imageAlt: "production crew studio",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-headset-desk_23-2148912813.jpg",
imageAlt: "vr headset media tech",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-girl-filming-herself-using-camera-tripod-microphone_1268-17202.jpg", imageAlt: "professional video camera studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blur-photo-workplace-with-camera-memory-cards-foreground-modern-computer-stands-white-table-with-notebook-pen-lying-beside_197531-3412.jpg", imageAlt: "filmmaker editing studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110067.jpg", imageAlt: "cinema lens close up" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-close-up-ferromagnetic-metal_23-2148253626.jpg", imageAlt: "production crew studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-headset-desk_23-2148912813.jpg", imageAlt: "vr headset media tech" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-music-producer-vibing-his-new-track-professional-studio_482257-122106.jpg",
imageAlt: "audio mixing console studio",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301568.jpg",
imageAlt: "Optical fiber background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-stairway-illuminated-by-neon-lights_122409-55.jpg",
imageAlt: "Monochromatic stairway illuminated by neon lights",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-8.jpg",
imageAlt: "Close-Up Of Sound Mixer",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255150.jpg",
imageAlt: "High-tech ar headset surrounded by bright blue neon colors",
},
]}
buttons={[
{
text: "Start Project",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-priest-with-puple-light_23-2149300865.jpg",
alt: "Medium shot priest with puple light",
},
{
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5362.jpg",
alt: "Man portrait posing in a loft modern space",
},
{
src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-16012.jpg",
alt: "Bearded black man wearing a suit and a felt hat.",
},
{
src: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122920.jpg",
alt: "Urban portrait of young man with long hair",
},
{
src: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
alt: "confident outline business side face male",
},
]}
avatarText="Trusted by 500+ global industry innovators."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg",
alt: "Professional cameraman recording poeple watching football in a public place at night",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-reporters-with-video-camera_23-2149267818.jpg",
alt: "Close up reporters with video camera",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/female-journalist-telling-news-outdoors_23-2149032395.jpg",
alt: "Female journalist telling the news outdoors",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/professional-video-camera-stand-with-green-chromakey-studio_1268-17879.jpg",
alt: "Professional video camera on a stand with green chromakey in a studio",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/man-with-vr-headset-touching-screen_53876-98069.jpg",
alt: "Man with VR headset touching a screen",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-music-producer-vibing-his-new-track-professional-studio_482257-122106.jpg", imageAlt: "audio mixing console studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301568.jpg", imageAlt: "Optical fiber background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-stairway-illuminated-by-neon-lights_122409-55.jpg", imageAlt: "Monochromatic stairway illuminated by neon lights" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-8.jpg", imageAlt: "Close-Up Of Sound Mixer" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255150.jpg", imageAlt: "High-tech ar headset surrounded by bright blue neon colors" }
]}
buttons={[{ text: "Start Project", href: "#contact" }]}
/>
</div>
@@ -167,21 +68,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Crafting Stories That Matter.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/artistic-easel-canvas-studio_23-2148372231.jpg",
alt: "modern creative agency office",
},
]}
buttons={[
{
text: "Our Philosophy",
href: "#",
},
{ type: "text", content: "Crafting Stories That Matter." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/artistic-easel-canvas-studio_23-2148372231.jpg", alt: "modern creative agency office" }
]}
/>
</div>
@@ -192,31 +80,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Camera,
title: "Cinematography",
description: "High-end cinematic production using industry-leading gear.",
},
{
icon: Edit,
title: "Post-Production",
description: "Seamless editing, color grading, and visual effects.",
},
{
icon: Mic,
title: "Sound Design",
description: "Immersive soundscapes and professional audio mixing.",
},
{
icon: Monitor,
title: "VR Production",
description: "Cutting-edge virtual reality storytelling.",
},
{
icon: Radio,
title: "Live Broadcasting",
description: "Real-time production and streaming for major events.",
},
{ icon: Camera, title: "Cinematography", description: "High-end cinematic production using industry-leading gear." },
{ icon: Edit, title: "Post-Production", description: "Seamless editing, color grading, and visual effects." },
{ icon: Mic, title: "Sound Design", description: "Immersive soundscapes and professional audio mixing." },
{ icon: Monitor, title: "VR Production", description: "Cutting-edge virtual reality storytelling." },
{ icon: Radio, title: "Live Broadcasting", description: "Real-time production and streaming for major events." }
]}
title="Core Services"
description="Comprehensive audiovisual solutions for modern brands."
@@ -229,51 +97,13 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Brand Campaign A",
price: "2023",
variant: "Film",
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066320.jpg",
},
{
id: "p2",
name: "Event Recap B",
price: "2023",
variant: "Social",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29234.jpg",
},
{
id: "p3",
name: "Tech Showcase",
price: "2024",
variant: "3D",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-vintage-camera_53876-17924.jpg",
},
{
id: "p4",
name: "Musical Piece",
price: "2024",
variant: "Sound",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-film_23-2149066390.jpg",
},
{
id: "p5",
name: "Corporate Film",
price: "2024",
variant: "Documentary",
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-games-vr-set-indoors_23-2148513444.jpg",
},
{
id: "p6",
name: "Studio Intro",
price: "2024",
variant: "Demo",
imageSrc: "http://img.b2bpic.net/free-photo/mixing-engineer-pressing-sliders-control-desk-balance-tracks_482257-122057.jpg",
},
]}
title="Selected Works"
description="Our portfolio highlights creative audiovisual excellence across varied mediums and industries."
products={[
{ id: "p1", name: "Brand Campaign A", price: "2023", variant: "Film", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066320.jpg" },
{ id: "p2", name: "Event Recap B", price: "2023", variant: "Social", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29234.jpg" },
{ id: "p3", name: "Tech Showcase", price: "2024", variant: "3D", imageSrc: "http://img.b2bpic.net/free-photo/closeup-vintage-camera_53876-17924.jpg" }
]}
/>
</div>
@@ -284,31 +114,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
description: "Projects Delivered",
},
{
id: "m2",
value: "12M+",
description: "Total Reach",
},
{
id: "m3",
value: "24",
description: "Industry Awards",
},
{
id: "m4",
value: "100%",
description: "Client Satisfaction",
},
{
id: "m5",
value: "50+",
description: "Expert Crew",
},
{ id: "m1", value: "150+", description: "Projects Delivered" },
{ id: "m2", value: "12M+", description: "Total Reach" },
{ id: "m3", value: "24", description: "Industry Awards" },
{ id: "m4", value: "100%", description: "Client Satisfaction" },
{ id: "m5", value: "50+", description: "Expert Crew" }
]}
title="Our Impact"
description="Numbers behind the quality."
@@ -321,49 +131,12 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Creative Director",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-thoughtful_114579-15852.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "CEO",
company: "Tech Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Manager",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67073.jpg",
},
{
id: "4",
name: "David Kim",
role: "Lead Editor",
company: "Startup XYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-studio-with-photography-lighting_53876-153290.jpg",
},
{
id: "5",
name: "Laura Smith",
role: "Director",
company: "Brand Co",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
},
]}
title="Client Feedback"
description="See what industry leaders think of our professional services."
testimonials={[
{ id: "1", name: "Sarah Johnson", role: "Creative Director", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-thoughtful_114579-15852.jpg" },
{ id: "2", name: "Michael Chen", role: "CEO", company: "Tech Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" }
]}
/>
</div>
@@ -372,33 +145,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What is your turnaround time?",
content: "Depending on project scope, typically 2-4 weeks.",
},
{
id: "f2",
title: "Do you handle pre-production?",
content: "Yes, we handle end-to-end creative and planning.",
},
{
id: "f3",
title: "What industries do you work in?",
content: "We cover tech, lifestyle, corporate, and music production.",
},
{
id: "f4",
title: "Can you handle remote collaborations?",
content: "Absolutely, we utilize cloud-based workflows for global teams.",
},
{
id: "f5",
title: "What equipment do you use?",
content: "We utilize industry-grade 8K cinema cameras and high-fidelity audio interfaces.",
},
{ id: "f1", title: "What is your turnaround time?", content: "Depending on project scope, typically 2-4 weeks." },
{ id: "f2", title: "Do you handle pre-production?", content: "Yes, we handle end-to-end creative and planning." }
]}
title="Common Questions"
description="Answers to frequently asked questions about our process and services."
faqsAnimation="slide-up"
/>
</div>
@@ -406,11 +157,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Let's Get Started"
description="Ready to bring your vision to life? Contact us today."
tag="Contact Us"
imageSrc="http://img.b2bpic.net/free-photo/professional-art-tools-camera-close-up_23-2148372115.jpg"
mediaAnimation="slide-up"
imageAlt="camera equipment desk setup"
@@ -420,14 +170,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="TripMedia"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Use",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Use", href: "#" }}
/>
</div>
</ReactLenis>