Update src/app/page.tsx
This commit is contained in:
115
src/app/page.tsx
115
src/app/page.tsx
@@ -29,43 +29,22 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Create Video",
|
||||
id: "/create",
|
||||
},
|
||||
{
|
||||
name: "My Videos",
|
||||
id: "/my-videos",
|
||||
},
|
||||
{
|
||||
name: "Settings",
|
||||
id: "/settings",
|
||||
},
|
||||
{ name: "Dashboard", id: "/" },
|
||||
{ name: "Create Video", id: "/create" },
|
||||
{ name: "My Videos", id: "/my-videos" },
|
||||
{ name: "Settings", id: "/settings" },
|
||||
]}
|
||||
brandName="AI Shortform"
|
||||
button={{
|
||||
text: "Upgrade",
|
||||
}}
|
||||
button={{ text: "Upgrade" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="AI Video Creator"
|
||||
description="Generate viral short-form content in seconds. High-fidelity videos tailored for social platforms."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Creating",
|
||||
href: "/create",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Creating", href: "/create" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg"
|
||||
imageAlt="AI Dashboard"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -78,24 +57,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Videos Generated",
|
||||
value: "142",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Total Reach",
|
||||
value: "12.5k",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Active Projects",
|
||||
value: "8",
|
||||
icon: Zap,
|
||||
},
|
||||
{ id: "m1", title: "Videos Generated", value: "142", icon: CheckCircle },
|
||||
{ id: "m2", title: "Total Reach", value: "12.5k", icon: TrendingUp },
|
||||
{ id: "m3", title: "Active Projects", value: "8", icon: Zap },
|
||||
]}
|
||||
title="Platform Activity"
|
||||
description="Your account overview"
|
||||
@@ -104,46 +68,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="recent" data-section="recent">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Top 5 Scary Places",
|
||||
price: "15s",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-drops-plant-s-leaves_181624-20541.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Motivation Monday",
|
||||
price: "30s",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/note-with-encouragement-quote-starting-with-dear_23-2150105114.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fun Fact #42",
|
||||
price: "15s",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-light-bulb-table_23-2148519411.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Abandoned History",
|
||||
price: "60s",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626651.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Evening Calm",
|
||||
price: "30s",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-journey-sits-edge-cliff-watches-sunset_1321-3083.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ancient Secrets",
|
||||
price: "60s",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13718.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Top 5 Scary Places", price: "15s", imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-drops-plant-s-leaves_181624-20541.jpg" },
|
||||
{ id: "p2", name: "Motivation Monday", price: "30s", imageSrc: "http://img.b2bpic.net/free-photo/note-with-encouragement-quote-starting-with-dear_23-2150105114.jpg" },
|
||||
{ id: "p3", name: "Fun Fact #42", price: "15s", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-light-bulb-table_23-2148519411.jpg" },
|
||||
]}
|
||||
title="Recent Videos"
|
||||
description="Your latest masterpieces"
|
||||
@@ -152,12 +84,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
title="Our Team"
|
||||
tag="Experts"
|
||||
membersAnimation="slide-up"
|
||||
memberVariant="grid"
|
||||
members={[]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="About Us"
|
||||
description="We simplify AI video creation."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-swirl-background_1017-2756.jpg"
|
||||
imageAlt="Abstract swirl background"
|
||||
@@ -169,16 +108,8 @@ export default function LandingPage() {
|
||||
logoText="AI Video Creator"
|
||||
copyrightText="© 2025 AI Shortform Inc."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Github, href: "#", ariaLabel: "Github" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user