bender/798a58f3-9065-447a-8224-847816962fcc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

3 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
32fe90e66c Update src/app/page.tsx 2026-05-09 08:22:26 +00:00
bender
8e58bd9907 Merge version_2 into main 
Merge version_2 into main
 2026-05-09 08:20:40 +00:00
bender
f3315928f5 Update src/app/page.tsx 2026-05-09 08:20:34 +00:00
1 changed files with 45 additions and 140 deletions
Expand all files Collapse all files

185
src/app/page.tsx
View File

@@ -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>
@@ -55,36 +47,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="ClipGenius"
description="Transform your long-form YouTube videos into viral, engaging clips in seconds. Set your preferred time limits and edit like a pro."
description="Turn long-form content into viral sensations in seconds. Save hours of manual editing and unlock high-impact clips that capture attention instantly."
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: "#"},
],
},
]}