Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -20,31 +20,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Memberships",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "features" },
|
||||
{ name: "Memberships", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FilmOrbit"
|
||||
/>
|
||||
@@ -52,63 +44,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Where Cinematic Visions Become Reality"
|
||||
description="Connecting independent creators with global audiences and premium industry resources to shape the future of film."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-working-office_23-2149307795.jpg?_wi=1"
|
||||
buttons={[{ text: "Join Now", href: "#pricing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-working-office_23-2149307795.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scenes-famous-vlogger-recording-social-media-creative-young-man_482257-24887.jpg",
|
||||
alt: "Creative young man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-hacker-celebrating-phishing-achievement-pc-feeling-happy-about-stealing-passwords-night-skilled-spy-enjoying-cyberattack-success-with-malware-break-firewall_482257-66409.jpg",
|
||||
alt: "Successful developer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-working-3d-modeling-software-multi-store-building-model-computer-screen-architecture-office-employee-working-coworking-space-real-estate-agency-tools-plan-drafts_482257-51658.jpg",
|
||||
alt: "Architectural designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066341.jpg",
|
||||
alt: "Professional filmmaker",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066354.jpg",
|
||||
alt: "Independent creator",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/scenes-famous-vlogger-recording-social-media-creative-young-man_482257-24887.jpg", alt: "Creative young man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-hacker-celebrating-phishing-achievement-pc-feeling-happy-about-stealing-passwords-night-skilled-spy-enjoying-cyberattack-success-with-malware-break-firewall_482257-66409.jpg", alt: "Successful developer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architect-working-3d-modeling-software-multi-store-building-model-computer-screen-architecture-office-employee-working-coworking-space-real-estate-agency-tools-plan-drafts_482257-51658.jpg", alt: "Architectural designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066341.jpg", alt: "Professional filmmaker" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066354.jpg", alt: "Independent creator" }
|
||||
]}
|
||||
avatarText="Join 5,000+ creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Distribution",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry Mentorship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Festival Showcase",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Grants",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Production Tools",
|
||||
},
|
||||
{ type: "text", text: "Global Distribution" },
|
||||
{ type: "text", text: "Industry Mentorship" },
|
||||
{ type: "text", text: "Festival Showcase" },
|
||||
{ type: "text", text: "Creative Grants" },
|
||||
{ type: "text", text: "Production Tools" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,27 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Global Distribution",
|
||||
subtitle: "Reach audiences worldwide.",
|
||||
category: "Distribution",
|
||||
value: "Access",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Industry Mentorship",
|
||||
subtitle: "Learn from the best.",
|
||||
category: "Training",
|
||||
value: "Growth",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Festival Showcase",
|
||||
subtitle: "Present your craft.",
|
||||
category: "Events",
|
||||
value: "Impact",
|
||||
},
|
||||
{ id: "f1", title: "Global Distribution", subtitle: "Reach audiences worldwide.", category: "Distribution", value: "Access" },
|
||||
{ id: "f2", title: "Industry Mentorship", subtitle: "Learn from the best.", category: "Training", value: "Growth" },
|
||||
{ id: "f3", title: "Festival Showcase", subtitle: "Present your craft.", category: "Events", value: "Impact" }
|
||||
]}
|
||||
title="Our Core Programs"
|
||||
description="Comprehensive resources designed for every stage of your creative career."
|
||||
@@ -160,42 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Camera",
|
||||
price: "$4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tape-recorder-near-white-wall_657883-215.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Editing Desk",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-modern-desk-setup-living-room-designed-media-production_482257-124178.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Film Reels",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinema-stuff-table_23-2147698811.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Audio Mixer",
|
||||
price: "$2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-making-music_23-2149199979.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Slate Board",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clapper-board-with-sticker-it-movie-set_1268-17210.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "LED Panel",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-singing-with-microphone_23-2149215519.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Pro Camera", price: "$4,500", imageSrc: "http://img.b2bpic.net/free-photo/tape-recorder-near-white-wall_657883-215.jpg" },
|
||||
{ id: "p2", name: "Editing Desk", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/clean-modern-desk-setup-living-room-designed-media-production_482257-124178.jpg" },
|
||||
{ id: "p3", name: "Film Reels", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/cinema-stuff-table_23-2147698811.jpg" },
|
||||
{ id: "p4", name: "Audio Mixer", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-making-music_23-2149199979.jpg" },
|
||||
{ id: "p5", name: "Slate Board", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/clapper-board-with-sticker-it-movie-set_1268-17210.jpg" },
|
||||
{ id: "p6", name: "LED Panel", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-singing-with-microphone_23-2149215519.jpg" }
|
||||
]}
|
||||
title="Production Essentials"
|
||||
description="Curated gear for professional filmmaking."
|
||||
@@ -209,35 +116,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pl1",
|
||||
title: "Starter",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Workshops",
|
||||
"Community",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-twitch-logo-purple-background_23-2152000230.jpg",
|
||||
imageAlt: "film distribution network",
|
||||
id: "pl1", title: "Starter", price: "$29", period: "/mo", features: ["Workshops", "Community"],
|
||||
button: { text: "Get Started" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-twitch-logo-purple-background_23-2152000230.jpg", imageAlt: "film distribution network"
|
||||
},
|
||||
{
|
||||
id: "pl2",
|
||||
title: "Professional",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Distro access",
|
||||
"Mentorship",
|
||||
],
|
||||
button: {
|
||||
text: "Join Pro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-office_23-2149307795.jpg?_wi=2",
|
||||
imageAlt: "film distribution network",
|
||||
},
|
||||
id: "pl2", title: "Professional", price: "$99", period: "/mo", features: ["Distro access", "Mentorship"],
|
||||
button: { text: "Join Pro" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-office_23-2149307795.jpg", imageAlt: "film distribution network"
|
||||
}
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Choose the membership that suits your ambition."
|
||||
@@ -250,33 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Films Distributed",
|
||||
items: [
|
||||
"Global",
|
||||
"Local",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2k+",
|
||||
title: "Creators Trained",
|
||||
items: [
|
||||
"Mentorship",
|
||||
"Courses",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120+",
|
||||
title: "Events Hosted",
|
||||
items: [
|
||||
"Festivals",
|
||||
"Talks",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Films Distributed", items: ["Global", "Local"] },
|
||||
{ id: "m2", value: "2k+", title: "Creators Trained", items: ["Mentorship", "Courses"] },
|
||||
{ id: "m3", value: "120+", title: "Events Hosted", items: ["Festivals", "Talks"] }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Tracking our reach in the industry."
|
||||
@@ -290,24 +153,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Jane Doe",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "John Smith",
|
||||
role: "Producer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066314.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "Alex Reed",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058835.jpg",
|
||||
},
|
||||
{ id: "tm1", name: "Jane Doe", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg" },
|
||||
{ id: "tm2", name: "John Smith", role: "Producer", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066314.jpg" },
|
||||
{ id: "tm3", name: "Alex Reed", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058835.jpg" }
|
||||
]}
|
||||
title="Leadership Team"
|
||||
description="Meet our experienced filmmakers."
|
||||
@@ -321,26 +169,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-male-eating-popcorn-d-sunglasses-watching-movie-white-surface_140725-70098.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cool-young-man-with-clapper_1149-1782.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-wins-sister-holding-clapperboard-hands_23-2147890502.jpg",
|
||||
alt: "Lucy",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-amazed-young-man-d-glasses-watching-comedy-movie-looking-tv-screen-eating-popcor_1258-164870.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/annoyed-young-pretty-caucasian-girl-with-beret-hat-holding-tv-controller-popcorn-bucket-isolated-green-wall-with-copy-space_141793-117921.jpg",
|
||||
alt: "Emma",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-male-eating-popcorn-d-sunglasses-watching-movie-white-surface_140725-70098.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cool-young-man-with-clapper_1149-1782.jpg", alt: "Mark" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiling-wins-sister-holding-clapperboard-hands_23-2147890502.jpg", alt: "Lucy" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-amazed-young-man-d-glasses-watching-comedy-movie-looking-tv-screen-eating-popcor_1258-164870.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/annoyed-young-pretty-caucasian-girl-with-beret-hat-holding-tv-controller-popcorn-bucket-isolated-green-wall-with-copy-space_141793-117921.jpg", alt: "Emma" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -350,9 +183,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to bring your vision to life? Get in touch today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user