Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-11 22:35:09 +00:00

View File

@@ -34,35 +34,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Creative Flow"
button={{
text: "Start Project",
href: "#contact",
}}
text: "Start Project", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -70,87 +56,50 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Unleash Your Creative Vision"
description="Transform your ideas into captivating visual experiences with our cutting-edge tools and expert services. From dynamic reels to compelling campaigns, we make your content stand out."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-happy-redhead-businesswoman-holding-headphones-looking-camera-while-sitting-her-desk-office-her-colleagues-are-working-background_637285-36.jpg",
alt: "John Doe",
},
src: "http://img.b2bpic.net/free-photo/young-happy-redhead-businesswoman-holding-headphones-looking-camera-while-sitting-her-desk-office-her-colleagues-are-working-background_637285-36.jpg", alt: "John Doe"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg",
alt: "Jane Smith",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", alt: "Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/close-up-cartoon-character-man-with-device_23-2150964514.jpg",
alt: "Alex Lee",
},
src: "http://img.b2bpic.net/free-photo/close-up-cartoon-character-man-with-device_23-2150964514.jpg", alt: "Alex Lee"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-looking-window_23-2148415798.jpg",
alt: "Maria Gomez",
},
src: "http://img.b2bpic.net/free-photo/young-woman-looking-window_23-2148415798.jpg", alt: "Maria Gomez"},
{
src: "http://img.b2bpic.net/free-photo/successful-smiling-confident-diverse-business-team_1262-1188.jpg",
alt: "Carlos Ruiz",
},
src: "http://img.b2bpic.net/free-photo/successful-smiling-confident-diverse-business-team_1262-1188.jpg", alt: "Carlos Ruiz"},
]}
avatarText="Join 10,000+ creators"
buttons={[
{
text: "Explore Services",
href: "#features",
},
text: "Explore Services", href: "#features"},
{
text: "Get Started Now",
href: "#contact",
},
text: "Get Started Now", href: "#contact"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/abstract-colorful-splash-3d-background-generative-ai-background_60438-2509.jpg",
alt: "Dynamic digital background",
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-colorful-splash-3d-background-generative-ai-background_60438-2509.jpg", alt: "Dynamic digital background"},
{
type: "text", text: "Creative Workflow"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139302.jpg", alt: "Glowing particles motion"},
{
type: "text-icon", text: "Advanced Editing", icon: Settings,
},
{
type: "text",
text: "Creative Workflow",
type: "image", src: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862152.jpg", alt: "Light trails gradient"},
{
type: "text", text: "Seamless Collaboration"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background_1048-11982.jpg", alt: "Futuristic energy flow"},
{
type: "text-icon", text: "Stunning Visuals", icon: Eye,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139302.jpg",
alt: "Glowing particles motion",
},
{
type: "text-icon",
text: "Advanced Editing",
icon: Settings,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862152.jpg",
alt: "Light trails gradient",
},
{
type: "text",
text: "Seamless Collaboration",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background_1048-11982.jpg",
alt: "Futuristic energy flow",
},
{
type: "text-icon",
text: "Stunning Visuals",
icon: Eye,
},
{
type: "text",
text: "Future-Proof Solutions",
},
type: "text", text: "Future-Proof Solutions"},
]}
/>
</div>
@@ -162,9 +111,7 @@ export default function LandingPage() {
description="We specialize in producing high-quality video content and digital experiences that captivate audiences and drive engagement. Our team blends artistic flair with technical precision to bring your unique story to life on every platform."
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg"
@@ -180,23 +127,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Dynamic Motion Graphics",
description: "Elevate your videos with stunning animations and visual effects that grab attention.",
imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-phone-tripod-record-explaining-basic-photography-editing-techniques_482257-82181.jpg",
imageAlt: "Abstract motion graphics",
},
title: "Dynamic Motion Graphics", description: "Elevate your videos with stunning animations and visual effects that grab attention.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-phone-tripod-record-explaining-basic-photography-editing-techniques_482257-82181.jpg", imageAlt: "Abstract motion graphics"},
{
title: "Multi-Platform Optimization",
description: "Reach wider audiences with content tailored for every social media and streaming platform.",
imageSrc: "http://img.b2bpic.net/free-photo/target-written-notebook-with-pen_1357-145.jpg",
imageAlt: "Social media content strategy",
},
title: "Multi-Platform Optimization", description: "Reach wider audiences with content tailored for every social media and streaming platform.", imageSrc: "http://img.b2bpic.net/free-photo/target-written-notebook-with-pen_1357-145.jpg", imageAlt: "Social media content strategy"},
{
title: "Immersive Live Experiences",
description: "Host interactive live events with seamless broadcasting and engaging audience tools.",
imageSrc: "http://img.b2bpic.net/free-photo/music-equalizer-button-multimedia-icon_53876-26254.jpg",
imageAlt: "Live streaming event",
},
title: "Immersive Live Experiences", description: "Host interactive live events with seamless broadcasting and engaging audience tools.", imageSrc: "http://img.b2bpic.net/free-photo/music-equalizer-button-multimedia-icon_53876-26254.jpg", imageAlt: "Live streaming event"},
]}
title="Innovative Solutions for Every Creator"
description="Discover a suite of powerful features designed to streamline your workflow and amplify your creative output. From concept to delivery, we provide the tools you need."
@@ -211,53 +146,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Pro 4K Cinema Camera",
price: "$3,499",
variant: "Standard Kit",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066332.jpg",
imageAlt: "Professional 4K cinema camera",
},
id: "1", name: "Pro 4K Cinema Camera", price: "$3,499", variant: "Standard Kit", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066332.jpg", imageAlt: "Professional 4K cinema camera"},
{
id: "2",
name: "RGB LED Lighting Kit",
price: "$499",
variant: "Full Set",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033397.jpg",
imageAlt: "RGB LED lighting panels",
},
id: "2", name: "RGB LED Lighting Kit", price: "$499", variant: "Full Set", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033397.jpg", imageAlt: "RGB LED lighting panels"},
{
id: "3",
name: "Wireless Mic System",
price: "$299",
variant: "Dual Channel",
imageSrc: "http://img.b2bpic.net/free-photo/female-musician-recording-song-while-playing-acoustic-guitar-home_23-2148890849.jpg",
imageAlt: "Wireless microphone system",
},
id: "3", name: "Wireless Mic System", price: "$299", variant: "Dual Channel", imageSrc: "http://img.b2bpic.net/free-photo/female-musician-recording-song-while-playing-acoustic-guitar-home_23-2148890849.jpg", imageAlt: "Wireless microphone system"},
{
id: "4",
name: "Cinematic Drone",
price: "$1,299",
variant: "Fly More Combo",
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-holding-drone-outdoors_23-2149392706.jpg",
imageAlt: "Cinematic drone",
},
id: "4", name: "Cinematic Drone", price: "$1,299", variant: "Fly More Combo", imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-holding-drone-outdoors_23-2149392706.jpg", imageAlt: "Cinematic drone"},
{
id: "5",
name: "Editing Workstation",
price: "$2,999",
variant: "Pro Build",
imageSrc: "http://img.b2bpic.net/free-photo/male-game-developer-typing-keyboard-while-developing-new-level-game_482257-25303.jpg",
imageAlt: "Video editing workstation",
},
id: "5", name: "Editing Workstation", price: "$2,999", variant: "Pro Build", imageSrc: "http://img.b2bpic.net/free-photo/male-game-developer-typing-keyboard-while-developing-new-level-game_482257-25303.jpg", imageAlt: "Video editing workstation"},
{
id: "6",
name: "Portable Green Screen",
price: "$149",
variant: "6x9ft",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-cinema-elements-bicolor-background-with-copy-space_23-2148457840.jpg",
imageAlt: "Portable green screen backdrop",
},
id: "6", name: "Portable Green Screen", price: "$149", variant: "6x9ft", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-cinema-elements-bicolor-background-with-copy-space_23-2148457840.jpg", imageAlt: "Portable green screen backdrop"},
]}
title="Gear Up Your Creative Studio"
description="Explore our curated selection of professional-grade equipment and software to power your productions."
@@ -271,23 +170,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
icon: LineChart,
title: "Projects Completed",
value: "5000+",
},
id: "1", icon: LineChart,
title: "Projects Completed", value: "5000+"},
{
id: "2",
icon: Star,
title: "5-Star Reviews",
value: "98%",
},
id: "2", icon: Star,
title: "5-Star Reviews", value: "98%"},
{
id: "3",
icon: Globe,
title: "Countries Served",
value: "80+",
},
id: "3", icon: Globe,
title: "Countries Served", value: "80+"},
]}
title="Our Impact: Driving Success for Creators"
description="See the numbers behind our commitment to empowering artists and brands worldwide."
@@ -302,25 +192,15 @@ export default function LandingPage() {
author="Sarah Chen, Marketing Director at InnovateCo"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
alt: "Sarah Chen",
},
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Sarah Chen"},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
alt: "David Lee",
},
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "David Lee"},
{
src: "http://img.b2bpic.net/free-photo/business-woman-writing-ideas_1098-21244.jpg",
alt: "Emily White",
},
src: "http://img.b2bpic.net/free-photo/business-woman-writing-ideas_1098-21244.jpg", alt: "Emily White"},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
alt: "Michael Brown",
},
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Michael Brown"},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
alt: "Jessica Taylor",
},
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Jessica Taylor"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -335,26 +215,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "1",
name: "Ethan Vance",
role: "Chief Creative Officer",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-illustrator-drawing-tablet_23-2150040139.jpg",
imageAlt: "Portrait of Ethan Vance",
},
id: "1", name: "Ethan Vance", role: "Chief Creative Officer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-illustrator-drawing-tablet_23-2150040139.jpg", imageAlt: "Portrait of Ethan Vance"},
{
id: "2",
name: "Maya Singh",
role: "Head of Digital Strategy",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg",
imageAlt: "Portrait of Maya Singh",
},
id: "2", name: "Maya Singh", role: "Head of Digital Strategy", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", imageAlt: "Portrait of Maya Singh"},
{
id: "3",
name: "Liam Carter",
role: "Lead Video Editor",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist-indoors_23-2149445973.jpg",
imageAlt: "Portrait of Liam Carter",
},
id: "3", name: "Liam Carter", role: "Lead Video Editor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist-indoors_23-2149445973.jpg", imageAlt: "Portrait of Liam Carter"},
]}
title="Meet the Visionaries Behind Your Success"
description="Our passionate team of creatives, strategists, and technologists are dedicated to bringing your vision to life with unparalleled expertise."
@@ -367,20 +232,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What kind of content do you specialize in?",
content: "We specialize in dynamic video content, including short-form reels, promotional videos, corporate explainers, and live event coverage, optimized for various digital platforms.",
},
id: "1", title: "What kind of content do you specialize in?", content: "We specialize in dynamic video content, including short-form reels, promotional videos, corporate explainers, and live event coverage, optimized for various digital platforms."},
{
id: "2",
title: "How long does a typical project take?",
content: "Project timelines vary based on complexity and scope. A typical reel can be completed within 1-2 weeks, while larger campaigns may take 4-6 weeks. We provide a detailed timeline upon project consultation.",
},
id: "2", title: "How long does a typical project take?", content: "Project timelines vary based on complexity and scope. A typical reel can be completed within 1-2 weeks, while larger campaigns may take 4-6 weeks. We provide a detailed timeline upon project consultation."},
{
id: "3",
title: "Do you offer custom packages?",
content: "Absolutely! We understand every client has unique needs. Contact us for a personalized consultation, and we'll craft a bespoke package that aligns with your specific goals and budget.",
},
id: "3", title: "Do you offer custom packages?", content: "Absolutely! We understand every client has unique needs. Contact us for a personalized consultation, and we'll craft a bespoke package that aligns with your specific goals and budget."},
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about our services, process, and offerings."
@@ -392,20 +248,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Let's Connect"
title="Ready to Transform Your Content?"
description="Partner with Creative Flow to produce compelling visuals that leave a lasting impression. Reach out today and let's discuss your next project."
buttons={[
{
text: "Get a Free Quote",
href: "#",
},
text: "Get a Free Quote", href: "#"},
{
text: "Schedule a Call",
href: "#",
},
text: "Schedule a Call", href: "#"},
]}
buttonAnimation="opacity"
/>
@@ -413,65 +264,42 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
videoSrc="http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473192.jpg?_wi=1"
videoSrc="http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473192.jpg"
videoAriaLabel="Abstract dynamic background video"
logoText="Creative Flow"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Video Production",
href: "#",
},
label: "Video Production", href: "#"},
{
label: "Motion Graphics",
href: "#",
},
label: "Motion Graphics", href: "#"},
{
label: "Digital Strategy",
href: "#",
},
label: "Digital Strategy", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Team",
href: "#team",
},
label: "Team", href: "#team"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
],
},
]}
copyrightText="© 2025 Creative Flow | All Rights Reserved"
imageSrc="http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473192.jpg?_wi=2"
imageAlt="abstract flowing digital lines"
/>
</div>
</ReactLenis>