Merge version_1 into main #2
139
src/app/page.tsx
139
src/app/page.tsx
@@ -30,28 +30,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "API",
|
||||
id: "#api",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "#blog",
|
||||
},
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "API", id: "#api" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Blog", id: "#blog" },
|
||||
]}
|
||||
brandName="Ssemble"
|
||||
button={{
|
||||
text: "Sign In",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Sign In", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,16 +47,12 @@ export default function LandingPage() {
|
||||
description="Make engaging shorts with Ssemble. It automatically clips and crops videos, adds captions, and enhances retention with B-roll, transitions, sound effects, and CTA overlays."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Clips",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Clips", href: "#"},
|
||||
{
|
||||
text: "See How It Works",
|
||||
href: "#about",
|
||||
},
|
||||
text: "See How It Works", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,14 +61,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google",
|
||||
"Netflix",
|
||||
"Adobe",
|
||||
"Meta",
|
||||
"YouTube",
|
||||
"TikTok",
|
||||
"Microsoft",
|
||||
]}
|
||||
"Google", "Netflix", "Adobe", "Meta", "YouTube", "TikTok", "Microsoft"]}
|
||||
title="Trusted by 2.4M+ shorts clippers"
|
||||
description="Join teams at leading companies and institutions using our platform."
|
||||
/>
|
||||
@@ -99,64 +74,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Auto Curation",
|
||||
description: "AI automatically detects viral-worthy moments in your video and turns them into short clips.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113296.jpg?_wi=1",
|
||||
},
|
||||
title: "Auto Curation", description: "AI automatically detects viral-worthy moments in your video and turns them into short clips.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113296.jpg", imageAlt: "video editor software dashboard dark mode"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Viral moment detection",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "AI intelligence",
|
||||
},
|
||||
{ icon: Sparkles, text: "Viral moment detection" },
|
||||
{ icon: Zap, text: "AI intelligence" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=2",
|
||||
imageAlt: "video editor software dashboard dark mode",
|
||||
},
|
||||
{
|
||||
title: "Face Tracking",
|
||||
description: "AI detects faces in your video and keeps them perfectly centered in all your vertical formats.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003726.jpg?_wi=1",
|
||||
},
|
||||
title: "Face Tracking", description: "AI detects faces in your video and keeps them perfectly centered in all your vertical formats.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003726.jpg", imageAlt: "AI technology face tracking digital icon"},
|
||||
items: [
|
||||
{
|
||||
icon: User,
|
||||
text: "Smart framing",
|
||||
},
|
||||
{
|
||||
icon: Maximize,
|
||||
text: "Perfect centering",
|
||||
},
|
||||
{ icon: User, text: "Smart framing" },
|
||||
{ icon: Maximize, text: "Perfect centering" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113296.jpg?_wi=2",
|
||||
imageAlt: "AI technology face tracking digital icon",
|
||||
},
|
||||
{
|
||||
title: "Auto Captioning",
|
||||
description: "Automatically transcribe and add engaging dynamic captions that boost viewer retention rates.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114664.jpg",
|
||||
},
|
||||
title: "Auto Captioning", description: "Automatically transcribe and add engaging dynamic captions that boost viewer retention rates.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114664.jpg", imageAlt: "digital video curation automated system"},
|
||||
items: [
|
||||
{
|
||||
icon: Type,
|
||||
text: "Dynamic captions",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Transcribed by AI",
|
||||
},
|
||||
{ icon: Type, text: "Dynamic captions" },
|
||||
{ icon: MessageSquare, text: "Transcribed by AI" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003726.jpg?_wi=2",
|
||||
imageAlt: "digital video curation automated system",
|
||||
},
|
||||
]}
|
||||
title="Everything you need to create viral clips"
|
||||
@@ -184,20 +126,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.4M+",
|
||||
description: "Active Users",
|
||||
},
|
||||
id: "m1", value: "2.4M+", description: "Active Users"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
description: "Retention Boost",
|
||||
},
|
||||
id: "m2", value: "95%", description: "Retention Boost"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100K+",
|
||||
description: "Clips Created Daily",
|
||||
},
|
||||
id: "m3", value: "100K+", description: "Clips Created Daily"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -210,24 +143,16 @@ export default function LandingPage() {
|
||||
description="Ready to turn your long-form videos into viral content? Reach out for support or custom API integration questions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -235,13 +160,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Ssemble © 2024"
|
||||
leftLink={{
|
||||
text: "Clipping Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Clipping Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms & Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms & Privacy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user