Merge version_1 into main #2
317
src/app/page.tsx
317
src/app/page.tsx
@@ -32,28 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Gallery", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ThumbMaster"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,39 +47,15 @@ export default function LandingPage() {
|
||||
title="Thumbnails That Get Clicks."
|
||||
description="We craft hyper-engaging, high-conversion thumbnails for elite content creators. Massive growth, zero effort."
|
||||
tag="Elevate Your Content"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-low-poly-plexus-design_1048-13837.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Started", href: "#contact" }, { text: "View Gallery", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-low-poly-plexus-design_1048-13837.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-suit-posing-white-background-portrait-attractive-lady-black-jacket-laughing-isolated-backdrop_197531-18494.jpg",
|
||||
alt: "Portrait of attractive lady",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
|
||||
alt: "Woman standing over red background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-youth-asian-transgender-lgbt-looking-camera-while-posing_74952-3151.jpg",
|
||||
alt: "Happy smiling youth asian",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-medium-shot_23-2149213173.jpg",
|
||||
alt: "Smiley woman posing",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-taking-photos-her-business_23-2149060871.jpg",
|
||||
alt: "Woman taking photos for business",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-suit-posing-white-background-portrait-attractive-lady-black-jacket-laughing-isolated-backdrop_197531-18494.jpg", alt: "Portrait of attractive lady" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg", alt: "Woman standing over red background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-smiling-youth-asian-transgender-lgbt-looking-camera-while-posing_74952-3151.jpg", alt: "Happy smiling youth asian" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-medium-shot_23-2149213173.jpg", alt: "Smiley woman posing" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-taking-photos-her-business_23-2149060871.jpg", alt: "Woman taking photos for business" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ creators"
|
||||
/>
|
||||
@@ -107,27 +68,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15M+",
|
||||
title: "Total Views Generated",
|
||||
description: "For our client channels",
|
||||
icon: Eye,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24%",
|
||||
title: "CTR Increase",
|
||||
description: "Average across all clients",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "48h",
|
||||
title: "Turnaround Time",
|
||||
description: "Fast-paced delivery",
|
||||
icon: Zap,
|
||||
},
|
||||
{ id: "m1", value: "15M+", title: "Total Views Generated", description: "For our client channels", icon: Eye },
|
||||
{ id: "m2", value: "24%", title: "CTR Increase", description: "Average across all clients", icon: TrendingUp },
|
||||
{ id: "m3", value: "48h", title: "Turnaround Time", description: "Fast-paced delivery", icon: Zap },
|
||||
]}
|
||||
title="Data-Driven Results"
|
||||
description="Performance matters. Here is what we deliver."
|
||||
@@ -140,51 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Psychology-First",
|
||||
description: "We know how to trigger human curiosity and build intrigue.",
|
||||
icon: Lightbulb,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-12_43623-1097.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103114.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-low-poly-plexus-design_1048-13837.jpg?_wi=2",
|
||||
imageAlt: "gaming thumbnail high contrast",
|
||||
},
|
||||
{
|
||||
title: "Lighting & Color",
|
||||
description: "Expert grading that pops on every feed, mobile or desktop.",
|
||||
icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sale-with-special-discount-vr-glasses_23-2150040383.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/displeased-skeptical-guy-grimacing-showing-bad-product-pointing-fingers-left-with-disappointment_1258-146793.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-baseball-cap-jacket_176532-10294.jpg",
|
||||
imageAlt: "gaming thumbnail high contrast",
|
||||
},
|
||||
{
|
||||
title: "Rapid Iteration",
|
||||
description: "A/B test ready assets designed to match your brand's pace.",
|
||||
icon: FastForward,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-thunder-with-copy-space-background_23-2148403558.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bvf0ff",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-plastic-discs_23-2147781428.jpg",
|
||||
imageAlt: "gaming thumbnail high contrast",
|
||||
},
|
||||
{ title: "Psychology-First", description: "We know how to trigger human curiosity and build intrigue.", icon: Lightbulb, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-12_43623-1097.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103114.jpg" }] },
|
||||
{ title: "Lighting & Color", description: "Expert grading that pops on every feed, mobile or desktop.", icon: Palette, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/sale-with-special-discount-vr-glasses_23-2150040383.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/displeased-skeptical-guy-grimacing-showing-bad-product-pointing-fingers-left-with-disappointment_1258-146793.jpg" }] },
|
||||
{ title: "Rapid Iteration", description: "A/B test ready assets designed to match your brand's pace.", icon: FastForward, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/golden-thunder-with-copy-space-background_23-2148403558.jpg" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bvf0ff" }] },
|
||||
]}
|
||||
title="Why Elite Creators Choose Us"
|
||||
description="Unrivaled expertise in psychology-based thumbnail design."
|
||||
@@ -198,60 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Gaming",
|
||||
name: "Epic Combat",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/access-denied-message-retro-crt-monitor-screen_23-2152029064.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Education",
|
||||
name: "Daily Tips",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-cherry-young-african-american-man-listening-music-with-headphones-d_1258-116404.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Tech",
|
||||
name: "Review Pro",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8578.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Vlog",
|
||||
name: "Story Intro",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-reflecting-sea-majestic-mountain-range-background_181624-24210.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Finance",
|
||||
name: "Wealth Hack",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/finances-concept-webinar-template_23-2151157708.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Mystery",
|
||||
name: "What's In It?",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-darkness_23-2148019945.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Gaming", name: "Epic Combat", price: "$150", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/access-denied-message-retro-crt-monitor-screen_23-2152029064.jpg" },
|
||||
{ id: "p2", brand: "Education", name: "Daily Tips", price: "$150", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-cherry-young-african-american-man-listening-music-with-headphones-d_1258-116404.jpg" },
|
||||
{ id: "p3", brand: "Tech", name: "Review Pro", price: "$150", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8578.jpg" },
|
||||
{ id: "p4", brand: "Vlog", name: "Story Intro", price: "$150", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-reflecting-sea-majestic-mountain-range-background_181624-24210.jpg" },
|
||||
{ id: "p5", brand: "Finance", name: "Wealth Hack", price: "$150", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-vector/finances-concept-webinar-template_23-2151157708.jpg" },
|
||||
{ id: "p6", brand: "Mystery", name: "What's In It?", price: "$150", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-darkness_23-2148019945.jpg" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Examples of high-conversion thumbnails built for engagement."
|
||||
@@ -262,15 +115,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Facebook",
|
||||
"Adobe",
|
||||
"Netflix",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Apple", "Amazon", "Facebook", "Adobe", "Netflix"]}
|
||||
title="Trusted by Creators"
|
||||
description="Partnering with industry leaders to drive massive engagement."
|
||||
/>
|
||||
@@ -278,44 +123,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Vlogger",
|
||||
testimonial: "My CTR doubled in the first month. Absolutely insane.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pretty-woman-excited-pink-wall_179666-2511.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike P.",
|
||||
role: "Gamer",
|
||||
testimonial: "These guys know what makes people click. Fast service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-her-business-with-ceramic-kitchenware_23-2149060811.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Edu-tuber",
|
||||
testimonial: "The artistic direction is perfect for my branding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-indoors_23-2149734568.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex K.",
|
||||
role: "Tech Reviewer",
|
||||
testimonial: "Reliable, high-quality, and always on time. My go-to.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ben T.",
|
||||
role: "Influencer",
|
||||
testimonial: "Thumbnails look professional and consistent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Vlogger", testimonial: "My CTR doubled in the first month. Absolutely insane.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pretty-woman-excited-pink-wall_179666-2511.jpg" },
|
||||
{ id: "2", name: "Mike P.", role: "Gamer", testimonial: "These guys know what makes people click. Fast service.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-her-business-with-ceramic-kitchenware_23-2149060811.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Edu-tuber", testimonial: "The artistic direction is perfect for my branding.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-indoors_23-2149734568.jpg" },
|
||||
{ id: "4", name: "Alex K.", role: "Tech Reviewer", testimonial: "Reliable, high-quality, and always on time. My go-to.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg" },
|
||||
{ id: "5", name: "Ben T.", role: "Influencer", testimonial: "Thumbnails look professional and consistent.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
]}
|
||||
title="Creator Testimonials"
|
||||
description="What they say about the growth."
|
||||
@@ -327,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the process work?",
|
||||
content: "You send us a concept, and we return the finished, optimized thumbnail within 48 hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer revisions?",
|
||||
content: "Yes, we include up to two rounds of revisions per thumbnail to ensure perfection.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What tools do you use?",
|
||||
content: "We use the latest Adobe Creative Suite tools and specialized AI composition tools.",
|
||||
},
|
||||
{ id: "f1", title: "How does the process work?", content: "You send us a concept, and we return the finished, optimized thumbnail within 48 hours." },
|
||||
{ id: "f2", title: "Do you offer revisions?", content: "Yes, we include up to two rounds of revisions per thumbnail to ensure perfection." },
|
||||
{ id: "f3", title: "What tools do you use?", content: "We use the latest Adobe Creative Suite tools and specialized AI composition tools." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about working with us."
|
||||
@@ -352,18 +156,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Ready to Grow?"
|
||||
title="Let's Make Your Next Thumbnail"
|
||||
description="Secure your spot in our design queue today and get ready for a massive CTR boost."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -371,45 +168,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="ThumbMaster"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Thumbnail Design",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Channel Audit",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Thumbnail Design", href: "#" }, { label: "Channel Audit", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Guides", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user