bender/a8199a18-09dd-423b-ab1d-e626f2d45f24
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-07 17:30:02 +00:00
parent f3cbdab6ea
commit 53ac2c1fd3
1 changed files with 60 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

272
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, HelpCircle, Mail, MessageSquare, Palette, Shield, Sparkles, Star } from "lucide-react";
import { Award, HelpCircle, Mail, MessageSquare, Palette, Shield, Sparkles, Star, Brush, Gem } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Collection",
id: "#products",
},
name: "Collection", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="TOONHUB"
bottomLeftText="Collector's Paradise"
@@ -74,41 +60,27 @@ export default function LandingPage() {
tagAnimation="blur-reveal"
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
buttonAnimation="blur-reveal"
imageSrc="https://fifth-gentle-45902158.figma.site/_components/v2/4de492f6d9cf8244ad5293233e5c6f52407d42fc/1.02464a56.png?_wi=1"
imageSrc="https://fifth-gentle-45902158.figma.site/_components/v2/4de492f6d9cf8244ad5293233e5c6f52407d42fc/1.02464a56.png"
imageAlt="TOONHUB character figurine on display"
showDimOverlay={true}
showBlur={true}
textPosition="bottom"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669813.jpg",
alt: "Happy TOONHUB collector",
},
src: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669813.jpg", alt: "Happy TOONHUB collector"},
{
src: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-christmas-gift-box-pointing-finger_176420-14813.jpg",
alt: "Enthusiastic TOONHUB fan",
},
src: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-christmas-gift-box-pointing-finger_176420-14813.jpg", alt: "Enthusiastic TOONHUB fan"},
{
src: "http://img.b2bpic.net/free-photo/blond-model-yellow-cap-looks-sleepy_114579-17007.jpg",
alt: "Creative TOONHUB community member",
},
src: "http://img.b2bpic.net/free-photo/blond-model-yellow-cap-looks-sleepy_114579-17007.jpg", alt: "Creative TOONHUB community member"},
{
src: "http://img.b2bpic.net/free-photo/handsome-teen-boy-shirt-hoodie-propping-chin-hand-looking-confident-front-view_176474-106567.jpg",
alt: "Satisfied TOONHUB customer",
},
src: "http://img.b2bpic.net/free-photo/handsome-teen-boy-shirt-hoodie-propping-chin-hand-looking-confident-front-view_176474-106567.jpg", alt: "Satisfied TOONHUB customer"},
{
src: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16043.jpg",
alt: "Dedicated TOONHUB collector",
},
src: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16043.jpg", alt: "Dedicated TOONHUB collector"},
]}
avatarText="Join 100,000+ happy collectors!"
/>
@@ -119,18 +91,12 @@ export default function LandingPage() {
useInvertedBackground={true}
title="About TOONHUB: Crafting Dreams in 3D"
description={[
"TOONHUB is dedicated to bringing your beloved characters into the physical world with unparalleled detail and artistic integrity. Each figurine is a masterpiece, capturing the essence and emotion of its digital counterpart.",
"Our passion for craftsmanship ensures every piece is a unique collectible, made with high-quality materials and vibrant finishes. Join our community of collectors and start building your ultimate display today.",
]}
"TOONHUB is dedicated to bringing your beloved characters into the physical world with unparalleled detail and artistic integrity. Each figurine is a masterpiece, capturing the essence and emotion of its digital counterpart.", "Our passion for craftsmanship ensures every piece is a unique collectible, made with high-quality materials and vibrant finishes. Join our community of collectors and start building your ultimate display today."]}
buttons={[
{
text: "Our Story",
href: "#",
},
text: "Our Story", href: "#"},
{
text: "Meet the Team",
href: "#",
},
text: "Meet the Team", href: "#"},
]}
buttonAnimation="blur-reveal"
showBorder={false}
@@ -144,67 +110,43 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Exquisite Detail",
description: "Every curve and contour is meticulously sculpted, capturing the true essence of each character.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/elegant-composition-with-venetian-carnival-s-mask_23-2147852304.jpg",
imageAlt: "Close up of figurine detail",
},
title: "Exquisite Detail", description: "Every curve and contour is meticulously sculpted, capturing the true essence of each character.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/elegant-composition-with-venetian-carnival-s-mask_23-2147852304.jpg", imageAlt: "Close up of figurine detail"},
items: [
{
icon: Brush,
text: "Hand-painted Finishes",
},
text: "Hand-painted Finishes"},
{
icon: Gem,
text: "Premium Grade Materials",
},
text: "Premium Grade Materials"},
],
reverse: false,
imageSrc: "https://fifth-gentle-45902158.figma.site/_components/v2/4de492f6d9cf8244ad5293233e5c6f52407d42fc/1.02464a56.png?_wi=2",
imageAlt: "figurine detail macro shot hand painting",
reverse: false
},
{
title: "Dynamic Poses",
description: "Our figurines are crafted in iconic, action-packed poses that bring characters to life on your shelf.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/classic-dummy-with-different-postures_23-2147914107.jpg",
imageAlt: "Figurine in a dynamic action pose",
},
title: "Dynamic Poses", description: "Our figurines are crafted in iconic, action-packed poses that bring characters to life on your shelf.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/classic-dummy-with-different-postures_23-2147914107.jpg", imageAlt: "Figurine in a dynamic action pose"},
items: [
{
icon: Star,
text: "Collector-Grade Posing",
},
text: "Collector-Grade Posing"},
{
icon: Award,
text: "Limited Edition Releases",
},
text: "Limited Edition Releases"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-professional-elements_23-2148002206.jpg",
imageAlt: "figurine detail macro shot hand painting",
reverse: true
},
{
title: "Vibrant Finishes",
description: "Utilizing advanced color application techniques for striking and durable visual impact.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-morph-man-yoga-pose_1048-13674.jpg",
imageAlt: "Figurine with vibrant colors",
},
title: "Vibrant Finishes", description: "Utilizing advanced color application techniques for striking and durable visual impact.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-morph-man-yoga-pose_1048-13674.jpg", imageAlt: "Figurine with vibrant colors"},
items: [
{
icon: Palette,
text: "Fade-Resistant Colors",
},
text: "Fade-Resistant Colors"},
{
icon: Shield,
text: "Protective Coating",
},
text: "Protective Coating"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-gentleman-talking_183364-120239.jpg?_wi=1",
imageAlt: "figurine detail macro shot hand painting",
reverse: false
},
]}
title="Experience Unrivaled Craftsmanship"
@@ -224,47 +166,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "1",
name: "Astro Commander Kai",
price: "$129.99",
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-gentleman-talking_183364-120239.jpg?_wi=2",
imageAlt: "Astro Commander Kai figurine",
},
id: "1", name: "Astro Commander Kai", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-gentleman-talking_183364-120239.jpg", imageAlt: "Astro Commander Kai figurine"},
{
id: "2",
name: "Cybernetic Assassin Unit",
price: "$149.99",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443824.jpg",
imageAlt: "Cybernetic Assassin Unit figurine",
},
id: "2", name: "Cybernetic Assassin Unit", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443824.jpg", imageAlt: "Cybernetic Assassin Unit figurine"},
{
id: "3",
name: "Mystic Guardian Lyra",
price: "$119.99",
imageSrc: "http://img.b2bpic.net/free-vector/skull-with-antlers_53876-87332.jpg",
imageAlt: "Mystic Guardian Lyra figurine",
},
id: "3", name: "Mystic Guardian Lyra", price: "$119.99", imageSrc: "http://img.b2bpic.net/free-vector/skull-with-antlers_53876-87332.jpg", imageAlt: "Mystic Guardian Lyra figurine"},
{
id: "4",
name: "Chibi Adventurer Set",
price: "$99.99",
imageSrc: "http://img.b2bpic.net/free-vector/glazed-home-stickers-collection_23-2151196171.jpg",
imageAlt: "Chibi Adventurer Set figurines",
},
id: "4", name: "Chibi Adventurer Set", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-vector/glazed-home-stickers-collection_23-2151196171.jpg", imageAlt: "Chibi Adventurer Set figurines"},
{
id: "5",
name: "Crimson Vigilante",
price: "$139.99",
imageSrc: "http://img.b2bpic.net/free-photo/woman-suit-showing-her-power-isolated-background-short-haired-active-girl-black-jacket-demonstrates-biceps_197531-18519.jpg",
imageAlt: "Crimson Vigilante figurine",
},
id: "5", name: "Crimson Vigilante", price: "$139.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-suit-showing-her-power-isolated-background-short-haired-active-girl-black-jacket-demonstrates-biceps_197531-18519.jpg", imageAlt: "Crimson Vigilante figurine"},
{
id: "6",
name: "Steampunk Chronos Knight",
price: "$159.99",
imageSrc: "http://img.b2bpic.net/free-photo/flower-robot-environment-cute-concept_53876-147714.jpg",
imageAlt: "Steampunk Chronos Knight figurine",
},
id: "6", name: "Steampunk Chronos Knight", price: "$159.99", imageSrc: "http://img.b2bpic.net/free-photo/flower-robot-environment-cute-concept_53876-147714.jpg", imageAlt: "Steampunk Chronos Knight figurine"},
]}
title="Our Exclusive Figurine Collection"
description="Explore the latest and most popular characters, meticulously designed for true fans and collectors."
@@ -282,45 +194,15 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Avid Collector",
testimonial: "The quality of TOONHUB figurines is simply unmatched. The attention to detail is breathtaking, and they look even better in person!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-young-man-looking-camera_23-2148130295.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Avid Collector", testimonial: "The quality of TOONHUB figurines is simply unmatched. The attention to detail is breathtaking, and they look even better in person!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-young-man-looking-camera_23-2148130295.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Gaming Enthusiast",
testimonial: "I've been collecting for years, and TOONHUB's figures are now among my favorites. The dynamic poses are incredible. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10528.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Gaming Enthusiast", testimonial: "I've been collecting for years, and TOONHUB's figures are now among my favorites. The dynamic poses are incredible. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10528.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Art Appreciator",
testimonial: "Each piece is a work of art. The vibrant colors and meticulous craftsmanship truly stand out in my display.",
imageSrc: "http://img.b2bpic.net/free-photo/two-creative-women-partners-discussing-ideas_58466-11187.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Art Appreciator", testimonial: "Each piece is a work of art. The vibrant colors and meticulous craftsmanship truly stand out in my display.", imageSrc: "http://img.b2bpic.net/free-photo/two-creative-women-partners-discussing-ideas_58466-11187.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "New Collector",
testimonial: "TOONHUB made it so easy to start my collection. The figures arrived perfectly packaged and are stunningly detailed.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-rejoicing-pink-wall_179666-2859.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "New Collector", testimonial: "TOONHUB made it so easy to start my collection. The figures arrived perfectly packaged and are stunningly detailed.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-rejoicing-pink-wall_179666-2859.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
role: "Figurine Blogger",
testimonial: "I feature many brands on my blog, and TOONHUB consistently impresses with their innovative designs and build quality. A true gem!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", role: "Figurine Blogger", testimonial: "I feature many brands on my blog, and TOONHUB consistently impresses with their innovative designs and build quality. A true gem!", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg", imageAlt: "Jessica Lee"},
]}
title="What Our Collectors Say"
description="Hear from passionate fans who have brought TOONHUB magic into their homes and enriched their collections."
@@ -336,30 +218,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What materials are used for TOONHUB figurines?",
content: "Our figurines are crafted from high-quality, durable PVC and ABS plastics, ensuring both intricate detail and longevity. Each piece is hand-painted with fade-resistant acrylics.",
},
id: "1", title: "What materials are used for TOONHUB figurines?", content: "Our figurines are crafted from high-quality, durable PVC and ABS plastics, ensuring both intricate detail and longevity. Each piece is hand-painted with fade-resistant acrylics."},
{
id: "2",
title: "How do I care for my TOONHUB figurines?",
content: "To maintain the pristine condition of your figurines, we recommend gentle dusting with a soft brush and keeping them out of direct sunlight to prevent color fading. Avoid harsh chemicals.",
},
id: "2", title: "How do I care for my TOONHUB figurines?", content: "To maintain the pristine condition of your figurines, we recommend gentle dusting with a soft brush and keeping them out of direct sunlight to prevent color fading. Avoid harsh chemicals."},
{
id: "3",
title: "Do you offer international shipping?",
content: "Yes, we proudly ship TOONHUB figurines worldwide! Shipping costs and delivery times vary by destination and will be calculated at checkout.",
},
id: "3", title: "Do you offer international shipping?", content: "Yes, we proudly ship TOONHUB figurines worldwide! Shipping costs and delivery times vary by destination and will be calculated at checkout."},
{
id: "4",
title: "Are there limited edition figurines available?",
content: "Absolutely! We frequently release limited edition figurines. Sign up for our newsletter to be notified of upcoming drops and exclusive releases.",
},
id: "4", title: "Are there limited edition figurines available?", content: "Absolutely! We frequently release limited edition figurines. Sign up for our newsletter to be notified of upcoming drops and exclusive releases."},
{
id: "5",
title: "What is your return policy?",
content: "We offer a 30-day return policy for unopened and undamaged items. Please visit our 'Support' page for detailed instructions on how to process a return.",
},
id: "5", title: "What is your return policy?", content: "We offer a 30-day return policy for unopened and undamaged items. Please visit our 'Support' page for detailed instructions on how to process a return."},
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about TOONHUB figurines and our services."
@@ -375,8 +242,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Stay Connected"
title="Join the TOONHUB Community"
description="Be the first to know about new releases, exclusive drops, and special events directly in your inbox!"
@@ -396,49 +262,31 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Collections",
href: "#products",
},
label: "Collections", href: "#products"},
],
},
{
items: [
{
label: "Support",
href: "#faq",
},
label: "Support", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
{
items: [
{
label: "Twitter",
href: "https://twitter.com/toonhub",
},
label: "Twitter", href: "https://twitter.com/toonhub"},
{
label: "Instagram",
href: "https://instagram.com/toonhub",
},
label: "Instagram", href: "https://instagram.com/toonhub"},
{
label: "Facebook",
href: "https://facebook.com/toonhub",
},
label: "Facebook", href: "https://facebook.com/toonhub"},
],
},
]}