Merge version_1 into main #2
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { CheckCircle, Lightning, Sparkles, Zap } from "lucide-react";
|
||||
import { CheckCircle, Zap, Sparkles } from "lucide-react";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
@@ -24,28 +24,28 @@ export default function LandingPage() {
|
||||
|
||||
const howItWorksFeatures = [
|
||||
{
|
||||
id: "step-1", title: "Search Any Keyword", description: "Enter any topic, trend, or hashtag across TikTok and Instagram. ViewCount instantly scans millions of videos.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/clean-interface-showing-a-search-bar-wit-1773494539908-e3ecf8df.png?_wi=1", imageAlt: "Search viral videos by keyword"},
|
||||
id: "step-1", title: "Search Any Keyword", description: "Enter any topic, trend, or hashtag across TikTok and Instagram. ViewCount instantly scans millions of videos.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/clean-interface-showing-a-search-bar-wit-1773494539908-e3ecf8df.png", imageAlt: "Search viral videos by keyword"},
|
||||
{
|
||||
id: "step-2", title: "See Viral Videos Ranked", description: "Watch videos ranked by performance metrics: views, engagement, saves. Discover exactly what resonates with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/clean-interface-showing-a-search-bar-wit-1773494539908-e3ecf8df.png?_wi=2", imageAlt: "Trending videos ranked by performance"},
|
||||
id: "step-2", title: "See Viral Videos Ranked", description: "Watch videos ranked by performance metrics: views, engagement, saves. Discover exactly what resonates with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/clean-interface-showing-a-search-bar-wit-1773494539908-e3ecf8df.png", imageAlt: "Trending videos ranked by performance"},
|
||||
{
|
||||
id: "step-3", title: "Read Transcripts & Hooks", description: "ViewCount extracts full transcripts and highlights the hook—the first 3 seconds that make people stop scrolling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/split-screen-showing-viral-video-and-its-1773494538529-ec476cc6.png?_wi=1", imageAlt: "Video transcripts and hook extraction"},
|
||||
id: "step-3", title: "Read Transcripts & Hooks", description: "ViewCount extracts full transcripts and highlights the hook—the first 3 seconds that make people stop scrolling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/split-screen-showing-viral-video-and-its-1773494538529-ec476cc6.png", imageAlt: "Video transcripts and hook extraction"},
|
||||
{
|
||||
id: "step-4", title: "Generate Your AI Script", description: "Customize tone, length, and brand voice. Get a perfectly formatted script ready to film. Done in 60 seconds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/ai-interface-showing-script-generation-i-1773494539849-4c852084.png?_wi=1", imageAlt: "AI script generation interface"},
|
||||
id: "step-4", title: "Generate Your AI Script", description: "Customize tone, length, and brand voice. Get a perfectly formatted script ready to film. Done in 60 seconds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/ai-interface-showing-script-generation-i-1773494539849-4c852084.png", imageAlt: "AI script generation interface"},
|
||||
];
|
||||
|
||||
const featuresData = [
|
||||
{
|
||||
id: "feature-1", title: "Multi-Platform Search", description: "Search TikTok and Instagram simultaneously. One search, two platforms. Never miss a viral trend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/dashboard-showing-tiktok-and-instagram-l-1773494538771-d15b7486.png?_wi=1", imageAlt: "Multi-platform search interface"},
|
||||
id: "feature-1", title: "Multi-Platform Search", description: "Search TikTok and Instagram simultaneously. One search, two platforms. Never miss a viral trend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/dashboard-showing-tiktok-and-instagram-l-1773494538771-d15b7486.png", imageAlt: "Multi-platform search interface"},
|
||||
{
|
||||
id: "feature-2", title: "Viral Video Transcripts", description: "Get full transcripts of top-performing videos. Understand exactly what makes them work. Study the masters.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/split-screen-showing-viral-video-and-its-1773494538529-ec476cc6.png?_wi=2", imageAlt: "Video transcripts extraction"},
|
||||
id: "feature-2", title: "Viral Video Transcripts", description: "Get full transcripts of top-performing videos. Understand exactly what makes them work. Study the masters.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/split-screen-showing-viral-video-and-its-1773494538529-ec476cc6.png", imageAlt: "Video transcripts extraction"},
|
||||
{
|
||||
id: "feature-3", title: "Hook Extraction Engine", description: "AI automatically identifies the hook—the exact moment viewers stop scrolling. Learn from what works.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/clean-interface-showing-a-search-bar-wit-1773494539908-e3ecf8df.png?_wi=3", imageAlt: "Hook extraction from viral videos"},
|
||||
id: "feature-3", title: "Hook Extraction Engine", description: "AI automatically identifies the hook—the exact moment viewers stop scrolling. Learn from what works.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/clean-interface-showing-a-search-bar-wit-1773494539908-e3ecf8df.png", imageAlt: "Hook extraction from viral videos"},
|
||||
{
|
||||
id: "feature-4", title: "AI Script Generator", description: "Turn insights into scripts. Generate custom, on-brand scripts optimized for your niche in seconds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/ai-interface-showing-script-generation-i-1773494539849-4c852084.png?_wi=2", imageAlt: "AI script generation"},
|
||||
id: "feature-4", title: "AI Script Generator", description: "Turn insights into scripts. Generate custom, on-brand scripts optimized for your niche in seconds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/ai-interface-showing-script-generation-i-1773494539849-4c852084.png", imageAlt: "AI script generation"},
|
||||
{
|
||||
id: "feature-5", title: "Brand Voice Customization", description: "Train ViewCount on your style. Every script matches your voice, tone, and personality perfectly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/settings-panel-showing-brand-voice-custo-1773494538070-53c4c61c.png", imageAlt: "Brand voice settings"},
|
||||
{
|
||||
id: "feature-6", title: "Save 10+ Hours Weekly", description: "No more endless scrolling. No more writer's block. Go from research to script in under a minute.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/dashboard-showing-tiktok-and-instagram-l-1773494538771-d15b7486.png?_wi=2", imageAlt: "Time savings illustration"},
|
||||
id: "feature-6", title: "Save 10+ Hours Weekly", description: "No more endless scrolling. No more writer's block. Go from research to script in under a minute.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/dashboard-showing-tiktok-and-instagram-l-1773494538771-d15b7486.png", imageAlt: "Time savings illustration"},
|
||||
];
|
||||
|
||||
const pricingPlans = [
|
||||
@@ -122,13 +122,13 @@ export default function LandingPage() {
|
||||
<HeroBillboard
|
||||
title="Never Create Bad Content Again"
|
||||
description="Save 10+ hours every week. Stop endless scrolling. ViewCount finds what's viral, analyzes it, and generates your custom AI script in 60 seconds. Never post bad content again."
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "plain" }}
|
||||
tag="For TikTok & Instagram Creators"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={heroButtons}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/a-dynamic-vibrant-scene-showing-a-viral--1773494538330-473d60f5.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/a-dynamic-vibrant-scene-showing-a-viral--1773494538330-473d60f5.png"
|
||||
imageAlt="ViewCount viral content discovery interface"
|
||||
mediaAnimation="slide-up"
|
||||
className="relative w-full"
|
||||
@@ -162,7 +162,7 @@ export default function LandingPage() {
|
||||
title="How It Works in 4 Steps"
|
||||
description="From trending discovery to perfect script. All in under 60 seconds."
|
||||
tag="Creator Workflow"
|
||||
tagIcon={Lightning}
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={howItWorksFeatures}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -171,9 +171,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
className="relative w-full"
|
||||
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
|
||||
titleClassName="text-3xl sm:text-4xl font-bold text-center"
|
||||
descriptionClassName="text-center text-gray-400 mt-4 max-w-2xl mx-auto"
|
||||
cardClassName="rounded-lg border border-gray-800 bg-gray-900 p-6 hover:border-blue-500 transition"
|
||||
cardTitleClassName="text-xl font-semibold text-white"
|
||||
cardDescriptionClassName="text-gray-400 mt-3"
|
||||
/>
|
||||
@@ -193,9 +190,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
className="relative w-full py-20"
|
||||
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
|
||||
titleClassName="text-3xl sm:text-4xl font-bold text-center"
|
||||
descriptionClassName="text-center text-gray-400 mt-4 max-w-2xl mx-auto"
|
||||
cardClassName="rounded-lg bg-gradient-to-br from-gray-900 to-gray-800 border border-gray-700 p-6 hover:border-orange-500 transition"
|
||||
cardTitleClassName="text-lg font-semibold text-white"
|
||||
cardDescriptionClassName="text-gray-300 mt-3 text-sm"
|
||||
/>
|
||||
@@ -214,8 +208,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
className="relative w-full py-20"
|
||||
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
|
||||
titleClassName="text-3xl sm:text-4xl font-bold text-center"
|
||||
descriptionClassName="text-center text-gray-400 mt-4 max-w-2xl mx-auto"
|
||||
badgeClassName="text-xs font-semibold uppercase tracking-wide"
|
||||
priceClassName="text-4xl font-bold mt-4"
|
||||
subtitleClassName="text-sm text-gray-400 mt-1"
|
||||
@@ -257,7 +249,7 @@ export default function LandingPage() {
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/a-dynamic-vibrant-scene-showing-a-viral--1773494538330-473d60f5.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwCeutomrHUADFrsHemNN86Ed5/a-dynamic-vibrant-scene-showing-a-viral--1773494538330-473d60f5.png"
|
||||
imageAlt="ViewCount dashboard preview"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
|
||||
Reference in New Issue
Block a user