Merge version_1 into main #1
182
src/app/page.tsx
182
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TeamUp"
|
||||
/>
|
||||
@@ -54,19 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Connect With Professional Video Editors"
|
||||
description="Hire skilled video editors or find clients for your editing services. Build your portfolio, grow your income, and collaborate seamlessly—all in one platform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Hire an Editor",
|
||||
href: "#",
|
||||
},
|
||||
text: "Hire an Editor", href: "#"},
|
||||
{
|
||||
text: "Join as Editor",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join as Editor", href: "#"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/a-high-tech-video-editing-interface-on-m-1774610578769-5e8d3fdf.png"
|
||||
imageAlt="Editing Studio"
|
||||
@@ -76,24 +63,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Users,
|
||||
title: "Vetted Talent Pool",
|
||||
description: "Connect with pre-screened professionals experienced in high-quality content production.",
|
||||
},
|
||||
title: "Vetted Talent Pool", description: "Connect with pre-screened professionals experienced in high-quality content production."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Payments",
|
||||
description: "Escrow-based payment systems ensuring work is delivered and creators are protected.",
|
||||
},
|
||||
title: "Secure Payments", description: "Escrow-based payment systems ensuring work is delivered and creators are protected."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Turnaround",
|
||||
description: "Streamlined collaboration workflows and built-in project management tools.",
|
||||
},
|
||||
title: "Fast Turnaround", description: "Streamlined collaboration workflows and built-in project management tools."},
|
||||
]}
|
||||
title="Why Choose TeamUp?"
|
||||
description="The complete ecosystem designed for modern video production and talent collaboration."
|
||||
@@ -102,38 +84,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricCardSeven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
title: "Verified Editors",
|
||||
items: [
|
||||
"Specialized in YouTube",
|
||||
"Agency Ready",
|
||||
"Global Access",
|
||||
],
|
||||
id: "1", value: "10k+", title: "Verified Editors", items: [
|
||||
"Specialized in YouTube", "Agency Ready", "Global Access"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500k+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Successful Deliveries",
|
||||
"Content Optimized",
|
||||
"Satisfied Creators",
|
||||
],
|
||||
id: "2", value: "500k+", title: "Projects Completed", items: [
|
||||
"Successful Deliveries", "Content Optimized", "Satisfied Creators"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Global Support",
|
||||
items: [
|
||||
"Always Online",
|
||||
"Quick Response",
|
||||
"Seamless Edits",
|
||||
],
|
||||
id: "3", value: "24/7", title: "Global Support", items: [
|
||||
"Always Online", "Quick Response", "Seamless Edits"],
|
||||
},
|
||||
]}
|
||||
title="Scale With Confidence"
|
||||
@@ -148,39 +113,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
price: "$29",
|
||||
subtitle: "Perfect for solo creators starting their journey.",
|
||||
features: [
|
||||
"3 Projects / month",
|
||||
"Basic Messaging",
|
||||
"Standard Support",
|
||||
],
|
||||
id: "starter", badge: "Starter", price: "$29", subtitle: "Perfect for solo creators starting their journey.", features: [
|
||||
"3 Projects / month", "Basic Messaging", "Standard Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$99",
|
||||
subtitle: "Best for growing channels and professional editors.",
|
||||
features: [
|
||||
"Unlimited Projects",
|
||||
"Priority Messaging",
|
||||
"Advanced Search",
|
||||
"Profile Boosting",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$99", subtitle: "Best for growing channels and professional editors.", features: [
|
||||
"Unlimited Projects", "Priority Messaging", "Advanced Search", "Profile Boosting"],
|
||||
},
|
||||
{
|
||||
id: "agency",
|
||||
badge: "Agency",
|
||||
price: "$249",
|
||||
subtitle: "Advanced features for production houses and brands.",
|
||||
features: [
|
||||
"Unlimited Projects",
|
||||
"Dedicated Support",
|
||||
"API Access",
|
||||
"Bulk Project Tools",
|
||||
],
|
||||
id: "agency", badge: "Agency", price: "$249", subtitle: "Advanced features for production houses and brands.", features: [
|
||||
"Unlimited Projects", "Dedicated Support", "API Access", "Bulk Project Tools"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Membership Tiers"
|
||||
@@ -193,29 +135,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/close-up-abstract-video-editing-footage--1774610578048-404a2e51.png",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/close-up-abstract-video-editing-footage--1774610578048-404a2e51.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-dark-waveform-digital-visualiza-1774610580089-4b36e2d1.png",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-dark-waveform-digital-visualiza-1774610580089-4b36e2d1.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/glowing-digital-creative-workspace-backg-1774610579463-b457e638.png",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/glowing-digital-creative-workspace-backg-1774610579463-b457e638.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-cinematic-light-streaks-over-a--1774610578472-e377b75d.png",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-cinematic-light-streaks-over-a--1774610578472-e377b75d.png"},
|
||||
]}
|
||||
cardTitle="Loved by Creators"
|
||||
cardAnimation="blur-reveal"
|
||||
cardTag="Testimonials"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,20 +155,12 @@ export default function LandingPage() {
|
||||
description="Ready to scale your production? Let's talk about your requirements."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs...",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your needs..."}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/a-sleek-dark-theme-support-dashboard-ui--1774610578818-e4aeef37.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -249,50 +170,31 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user