Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Work", id: "#portfolio" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="FRAMEWORK"
|
||||
/>
|
||||
@@ -54,42 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="We Shape Stories Into Cinematic Realities"
|
||||
description="Premium full-service video production and post-production house crafting visual narratives for global brands."
|
||||
buttons={[
|
||||
{
|
||||
text: "Watch Showreel",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Watch Showreel", href: "#portfolio" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-camera-lens_181624-24125.jpg?_wi=1",
|
||||
imageAlt: "cinematic film studio camera lens",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-from-moving-lights_23-2147786125.jpg",
|
||||
imageAlt: "cinematic film studio camera lens",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/line-shaped-neon-lights-background_23-2147815446.jpg",
|
||||
imageAlt: "cinematic film studio camera lens",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg",
|
||||
imageAlt: "cinematic film studio camera lens",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-developing-photos-side-view_23-2149893964.jpg",
|
||||
imageAlt: "cinematic film studio camera lens",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-movie-elements-bicolored-background_23-2148416802.jpg",
|
||||
imageAlt: "cinematic film studio camera lens",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-camera-lens_181624-24125.jpg", imageAlt: "cinematic film studio camera lens" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/heart-from-moving-lights_23-2147786125.jpg", imageAlt: "cinematic film studio camera lens" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/line-shaped-neon-lights-background_23-2147815446.jpg", imageAlt: "cinematic film studio camera lens" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg", imageAlt: "cinematic film studio camera lens" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-developing-photos-side-view_23-2149893964.jpg", imageAlt: "cinematic film studio camera lens" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-movie-elements-bicolored-background_23-2148416802.jpg", imageAlt: "cinematic film studio camera lens" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,42 +64,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Urban Pulse",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-queer-woman-portrait_23-2148957451.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Neon Dreams",
|
||||
price: "Music Video",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-digital-art-through-immersive-experiences_23-2151250191.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Legacy Loft",
|
||||
price: "Documentary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377332.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Horizon Line",
|
||||
price: "Short Film",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman_23-2148778279.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Midnight Oil",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-london-streets-cityscape_23-2149377135.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Silent Echo",
|
||||
price: "Documentary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10725.jpg",
|
||||
},
|
||||
{ id: "1", name: "Urban Pulse", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-queer-woman-portrait_23-2148957451.jpg" },
|
||||
{ id: "2", name: "Neon Dreams", price: "Music Video", imageSrc: "http://img.b2bpic.net/free-photo/beauty-digital-art-through-immersive-experiences_23-2151250191.jpg" },
|
||||
{ id: "3", name: "Legacy Loft", price: "Documentary", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377332.jpg" },
|
||||
{ id: "4", name: "Horizon Line", price: "Short Film", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman_23-2148778279.jpg" },
|
||||
{ id: "5", name: "Midnight Oil", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-london-streets-cityscape_23-2149377135.jpg" },
|
||||
{ id: "6", name: "Silent Echo", price: "Documentary", imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10725.jpg" },
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A showcase of our cinematic production history."
|
||||
@@ -162,44 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "leadership",
|
||||
groupTitle: "Core Team",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Alex Rivers",
|
||||
subtitle: "Director",
|
||||
detail: "15 years of visual storytelling excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Sarah Chen",
|
||||
subtitle: "Producer",
|
||||
detail: "Bringing complex productions to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Marcus V.",
|
||||
subtitle: "DOP",
|
||||
detail: "Master of light and perspective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60918.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Elena Rossi",
|
||||
subtitle: "Lead Editor",
|
||||
detail: "Crafting rhythm in the post-suite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-computer_482257-114303.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-camera-lens_181624-24125.jpg?_wi=2",
|
||||
imageAlt: "film director professional headshot",
|
||||
},
|
||||
id: "leadership", groupTitle: "Core Team", members: [
|
||||
{ id: "m1", title: "Alex Rivers", subtitle: "Director", detail: "15 years of visual storytelling excellence.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg" },
|
||||
{ id: "m2", title: "Sarah Chen", subtitle: "Producer", detail: "Bringing complex productions to life.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg" },
|
||||
{ id: "m3", title: "Marcus V.", subtitle: "DOP", detail: "Master of light and perspective.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60918.jpg" },
|
||||
{ id: "m4", title: "Elena Rossi", subtitle: "Lead Editor", detail: "Crafting rhythm in the post-suite.", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-computer_482257-114303.jpg" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="The Crew"
|
||||
description="Meet the visionaries behind the lens."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -208,14 +114,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vimeo",
|
||||
"Red Bull",
|
||||
"Sony",
|
||||
"Netflix",
|
||||
"Adobe",
|
||||
"Canon",
|
||||
"Apple",
|
||||
]}
|
||||
"Vimeo", "Red Bull", "Sony", "Netflix", "Adobe", "Canon", "Apple"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry leaders worldwide."
|
||||
/>
|
||||
@@ -226,21 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your production scale?",
|
||||
content: "We handle everything from local commercial spots to large-scale global campaigns.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide post-production?",
|
||||
content: "Yes, we offer full-service color grading, sound design, and VFX.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do we get started?",
|
||||
content: "Just fill out the contact form below and we will set up an initial consultation.",
|
||||
},
|
||||
{ id: "f1", title: "What is your production scale?", content: "We handle everything from local commercial spots to large-scale global campaigns." },
|
||||
{ id: "f2", title: "Do you provide post-production?", content: "Yes, we offer full-service color grading, sound design, and VFX." },
|
||||
{ id: "f3", title: "How do we get started?", content: "Just fill out the contact form below and we will set up an initial consultation." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Frequently asked questions about our production process."
|
||||
@@ -254,21 +141,10 @@ export default function LandingPage() {
|
||||
title="Let's Collaborate"
|
||||
description="Ready to bring your vision to life? Tell us about your project."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "brief",
|
||||
placeholder: "Project Brief",
|
||||
}}
|
||||
textarea={{ name: "brief", placeholder: "Project Brief" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cropped-image-young-lady-designer-play-games-by-phone_171337-15917.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -278,21 +154,9 @@ export default function LandingPage() {
|
||||
logoText="FRAMEWORK"
|
||||
copyrightText="© 2025 Framework Productions."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Film,
|
||||
href: "#",
|
||||
ariaLabel: "Youtube",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Film, href: "#", ariaLabel: "Youtube" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user