Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -32,22 +32,14 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
button={{
|
||||
text: "Sign Up",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Sign Up", href: "#"}}
|
||||
brandName="ClipGenius"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,33 +50,23 @@ export default function LandingPage() {
|
||||
description="Transform your long-form YouTube videos into viral, engaging clips in seconds. Set your preferred time limits and edit like a pro."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-loading_53876-13857.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-loading_53876-13857.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-121069.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-121069.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-network-connection-perforated-paper_53876-14262.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-network-connection-perforated-paper_53876-14262.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-home-office-doing-video-montage-using-specialized-software_482257-118988.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-home-office-doing-video-montage-using-specialized-software_482257-118988.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-polishing-raw-footage-enjoying-cup-coffee_482257-106671.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-polishing-raw-footage-enjoying-cup-coffee_482257-106671.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,19 +79,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Clipping",
|
||||
description: "Set specific intervals from 0-30s, 30-90s, or >90s.",
|
||||
},
|
||||
title: "Precision Clipping", description: "Set specific intervals from 0-30s, 30-90s, or >90s."},
|
||||
{
|
||||
icon: Layers,
|
||||
title: "Pro Editing Suite",
|
||||
description: "Access CapCut-like editing tools for trimming, effects, and transitions.",
|
||||
},
|
||||
title: "Pro Editing Suite", description: "Access CapCut-like editing tools for trimming, effects, and transitions."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Instant Export",
|
||||
description: "Quick processing and rendering for all your social media formats.",
|
||||
},
|
||||
title: "Instant Export", description: "Quick processing and rendering for all your social media formats."},
|
||||
]}
|
||||
title="Professional Editing Made Free"
|
||||
description="Unlock a full suite of professional-grade editing tools with simple clip generation workflows."
|
||||
@@ -123,26 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500k+",
|
||||
title: "Clips Created",
|
||||
description: "Videos processed every month.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg",
|
||||
},
|
||||
id: "m1", value: "500k+", title: "Clips Created", description: "Videos processed every month.", imageSrc: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Uptime",
|
||||
description: "Reliable cloud rendering services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-manager-supervising-worker-deploying-ai-solutions_482257-126159.jpg",
|
||||
},
|
||||
id: "m2", value: "100%", title: "Uptime", description: "Reliable cloud rendering services.", imageSrc: "http://img.b2bpic.net/free-photo/data-center-manager-supervising-worker-deploying-ai-solutions_482257-126159.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10%",
|
||||
title: "Revenue Back",
|
||||
description: "Cashback on all subscription plans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163697.jpg",
|
||||
},
|
||||
id: "m3", value: "10%", title: "Revenue Back", description: "Cashback on all subscription plans.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163697.jpg"},
|
||||
]}
|
||||
title="Platform Growth"
|
||||
description="Join thousands of creators using ClipGenius."
|
||||
@@ -156,36 +117,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
price: "$10/mo",
|
||||
name: "Pro Monthly",
|
||||
buttons: [
|
||||
id: "monthly", price: "$10/mo", name: "Pro Monthly", buttons: [
|
||||
{
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
text: "Subscribe", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Full Editor",
|
||||
"Unlimited Exports",
|
||||
"10% Cashback",
|
||||
],
|
||||
"Full Editor", "Unlimited Exports", "10% Cashback"],
|
||||
},
|
||||
{
|
||||
id: "yearly",
|
||||
price: "$50/yr",
|
||||
name: "Pro Yearly",
|
||||
buttons: [
|
||||
id: "yearly", price: "$50/yr", name: "Pro Yearly", buttons: [
|
||||
{
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
text: "Subscribe", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Everything Pro",
|
||||
"Priority Processing",
|
||||
"10% Cashback",
|
||||
],
|
||||
"Everything Pro", "Priority Processing", "10% Cashback"],
|
||||
},
|
||||
]}
|
||||
title="Simple Subscription"
|
||||
@@ -201,25 +146,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-photographer_23-2150506077.jpg",
|
||||
alt: "Sarah Miller",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-photographer_23-2150506077.jpg", alt: "Sarah Miller"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-working-home-night_23-2149091010.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-working-home-night_23-2149091010.jpg", alt: "John Doe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/clean-modern-desk-setup-living-room-designed-media-production_482257-124178.jpg",
|
||||
alt: "Alex Rivera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/clean-modern-desk-setup-living-room-designed-media-production_482257-124178.jpg", alt: "Alex Rivera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
|
||||
alt: "Jordan Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", alt: "Jordan Lee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg",
|
||||
alt: "Sam Smith",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg", alt: "Sam Smith"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -231,25 +166,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I delete my account?",
|
||||
content: "Type 'DELETE' in your account settings to permanently remove your profile.",
|
||||
},
|
||||
id: "2", title: "Can I cancel anytime?", content: "Yes, our subscriptions are flexible—cancel your plan anytime from the billing dashboard."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, our subscriptions are flexible—cancel your plan anytime from the billing dashboard.",
|
||||
},
|
||||
id: "1", title: "How do I delete my account?", content: "Type 'DELETE' in your account settings to permanently remove your profile."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I get the cashback?",
|
||||
content: "10% of any subscription amount is credited back to your account automatically.",
|
||||
},
|
||||
id: "3", title: "How do I get the cashback?", content: "10% of any subscription amount is credited back to your account automatically."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Does it support social signups?",
|
||||
content: "We support direct login via Google, Apple, and Email+Password.",
|
||||
},
|
||||
id: "4", title: "Does it support social signups?", content: "We support direct login via Google, Apple, and Email+Password."},
|
||||
]}
|
||||
sideTitle="Questions & Answers"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -260,16 +183,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Edit Your First Clip Now"
|
||||
description="Sign up today and join our creator community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -280,42 +200,27 @@ export default function LandingPage() {
|
||||
logoText="ClipGenius"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -324,4 +229,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user