Update src/app/page.tsx
This commit is contained in:
295
src/app/page.tsx
295
src/app/page.tsx
@@ -29,160 +29,66 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "benefits",
|
||||
},
|
||||
{
|
||||
name: "Modules",
|
||||
id: "breakdown",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Benefits", id: "benefits" },
|
||||
{ name: "Modules", id: "breakdown" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
button={{
|
||||
text: "Start Automating",
|
||||
href: "#pricing",
|
||||
}}
|
||||
button={{ text: "Start Automating", href: "#pricing" }}
|
||||
brandName="TikTok Mastery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Master TikTok Automation & Scale Faceless."
|
||||
description="Stop grinding. Start automating. Grow your following and monetize while you sleep without ever showing your face."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chat-conversation-communication-connection-concept_53876-124388.jpg",
|
||||
imageAlt: "TikTok Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-freelancer-editing-footage-software-working-edit-video-montage-with-color-grading-audio-effects-sound-film-production-content-making-creative-movie-computer_482257-49854.jpg",
|
||||
imageAlt: "Content Strategy",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
imageAlt: "Growth Analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-crop-hands-holding-photo-camera_23-2148210411.jpg",
|
||||
imageAlt: "Viral Content",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockups-white-background_187299-46491.jpg",
|
||||
imageAlt: "Monetization Flows",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chat-conversation-communication-connection-concept_53876-124388.jpg", imageAlt: "TikTok Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-freelancer-editing-footage-software-working-edit-video-montage-with-color-grading-audio-effects-sound-film-production-content-making-creative-movie-computer_482257-49854.jpg", imageAlt: "Content Strategy" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", imageAlt: "Growth Analytics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/from-crop-hands-holding-photo-camera_23-2148210411.jpg", imageAlt: "Viral Content" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockups-white-background_187299-46491.jpg", imageAlt: "Monetization Flows" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-records-video-her-room-has-camera-coffee-table-shows-eyeshadow-palette_1258-281853.jpg",
|
||||
imageAlt: "Workflow Automation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blogger_23-2148349536.jpg",
|
||||
imageAlt: "Algorithm Hacks",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg",
|
||||
imageAlt: "Passive Income",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-making-photo-with-old-camera_1187-2646.jpg",
|
||||
imageAlt: "Subscriber Growth",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884886.jpg",
|
||||
imageAlt: "Engagement Booster",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Automating Today",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-records-video-her-room-has-camera-coffee-table-shows-eyeshadow-palette_1258-281853.jpg", imageAlt: "Workflow Automation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blogger_23-2148349536.jpg", imageAlt: "Algorithm Hacks" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg", imageAlt: "Passive Income" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-making-photo-with-old-camera_1187-2646.jpg", imageAlt: "Subscriber Growth" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884886.jpg", imageAlt: "Engagement Booster" },
|
||||
]}
|
||||
buttons={[{ text: "Start Automating Today", href: "#pricing" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
alt: "Entrepreneur 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg",
|
||||
alt: "Entrepreneur 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-businessman_1163-3880.jpg",
|
||||
alt: "Entrepreneur 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
|
||||
alt: "Entrepreneur 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
alt: "Entrepreneur 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "Entrepreneur 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg", alt: "Entrepreneur 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-businessman_1163-3880.jpg", alt: "Entrepreneur 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", alt: "Entrepreneur 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Entrepreneur 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/discussing-mobile-app_1098-18640.jpg",
|
||||
alt: "Brand 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-blank-screen-white-podium_187299-46597.jpg",
|
||||
alt: "Brand 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-black-hands-holding-electronic-devices_107791-16647.jpg",
|
||||
alt: "Brand 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/outgoing-call-calling-communication-concept_53876-125180.jpg",
|
||||
alt: "Brand 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/pro-streaming-setup_23-2151954727.jpg",
|
||||
alt: "Brand 5",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/discussing-mobile-app_1098-18640.jpg", alt: "Brand 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-blank-screen-white-podium_187299-46597.jpg", alt: "Brand 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-render-black-hands-holding-electronic-devices_107791-16647.jpg", alt: "Brand 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/outgoing-call-calling-communication-concept_53876-125180.jpg", alt: "Brand 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/pro-streaming-setup_23-2151954727.jpg", alt: "Brand 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="benefits" data-section="benefits">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Recording content daily",
|
||||
"Showing your face constantly",
|
||||
"Manual outreach strategies",
|
||||
"Unpredictable viral reach",
|
||||
],
|
||||
"Recording content daily", "Showing your face constantly", "Manual outreach strategies", "Unpredictable viral reach"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Content on complete autopilot",
|
||||
"Faceless content strategies",
|
||||
"Automated monetization systems",
|
||||
"Algorithm-proof growth",
|
||||
],
|
||||
"Content on complete autopilot", "Faceless content strategies", "Automated monetization systems", "Algorithm-proof growth"],
|
||||
}}
|
||||
title="Stop Wasting Time on Manual Work"
|
||||
description="The old way is slow. The automated way is explosive."
|
||||
@@ -196,42 +102,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Niche Selection",
|
||||
price: "Module 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124253.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Content Automation",
|
||||
price: "Module 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29673.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Growth Hacks",
|
||||
price: "Module 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smart-farming-icon-vector-iot-agriculture-symbol_53876-125965.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Monetization",
|
||||
price: "Module 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904319.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Viral Systems",
|
||||
price: "Module 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Scaling Ops",
|
||||
price: "Module 6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760979.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Niche Selection", price: "Module 1", imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124253.jpg" },
|
||||
{ id: "m2", name: "Content Automation", price: "Module 2", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29673.jpg" },
|
||||
{ id: "m3", name: "Growth Hacks", price: "Module 3", imageSrc: "http://img.b2bpic.net/free-vector/smart-farming-icon-vector-iot-agriculture-symbol_53876-125965.jpg" },
|
||||
{ id: "m4", name: "Monetization", price: "Module 4", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904319.jpg" },
|
||||
{ id: "m5", name: "Viral Systems", price: "Module 5", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg" },
|
||||
{ id: "m6", name: "Scaling Ops", price: "Module 6", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760979.jpg" },
|
||||
]}
|
||||
title="Course Modules Breakdown"
|
||||
description="Step-by-step masterclass covering every piece of the puzzle."
|
||||
@@ -242,31 +118,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jenny L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-chair-workplace-using-mobile_23-2147857264.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chris B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg" },
|
||||
{ id: "t2", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg" },
|
||||
{ id: "t3", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg" },
|
||||
{ id: "t4", name: "Jenny L.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-chair-workplace-using-mobile_23-2147857264.jpg" },
|
||||
{ id: "t5", name: "Chris B.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg" },
|
||||
]}
|
||||
cardTitle="Success Stories"
|
||||
cardAnimation="slide-up"
|
||||
@@ -281,27 +137,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$197",
|
||||
subtitle: "Essential growth toolkit",
|
||||
features: [
|
||||
"3 Modules",
|
||||
"Automation Tools Guide",
|
||||
"Growth Hacks",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "$197", subtitle: "Essential growth toolkit", features: ["3 Modules", "Automation Tools Guide", "Growth Hacks"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$497",
|
||||
subtitle: "Complete mastery system",
|
||||
features: [
|
||||
"All 6 Modules",
|
||||
"Done-for-you Templates",
|
||||
"Monetization Blueprints",
|
||||
"Private Support",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", price: "$497", subtitle: "Complete mastery system", features: ["All 6 Modules", "Done-for-you Templates", "Monetization Blueprints", "Private Support"],
|
||||
},
|
||||
]}
|
||||
title="Get Started Today"
|
||||
@@ -313,21 +152,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need experience?",
|
||||
content: "No, this system is designed for total beginners.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need to show my face?",
|
||||
content: "Absolutely not. Our core strategy is 100% faceless.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long until results?",
|
||||
content: "Most students see initial growth within 14-21 days.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need experience?", content: "No, this system is designed for total beginners." },
|
||||
{ id: "q2", title: "Do I need to show my face?", content: "Absolutely not. Our core strategy is 100% faceless." },
|
||||
{ id: "q3", title: "How long until results?", content: "Most students see initial growth within 14-21 days." },
|
||||
]}
|
||||
sideTitle="Questions? We've got answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -337,34 +164,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#benefits",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Features", href: "#benefits" }, { label: "Pricing", href: "#pricing" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="TikTok Mastery"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user