Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
284
src/app/page.tsx
284
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Partners",
|
||||
id: "#social-proof",
|
||||
},
|
||||
name: "Partners", id: "#social-proof"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-collective-portrait-people_23-2150964666.jpg"
|
||||
logoAlt="TOONHUB Logo"
|
||||
@@ -80,13 +64,9 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-tin-robot-toy-standing-ground-with-pattern_53876-23370.jpg"
|
||||
@@ -95,25 +75,15 @@ export default function LandingPage() {
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-balloon-shaped-dog_23-2150780796.jpg",
|
||||
alt: "Child playing with figurine",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-balloon-shaped-dog_23-2150780796.jpg", alt: "Child playing with figurine"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-yeti-cartoon-with-buildings_23-2150269826.jpg",
|
||||
alt: "Teenager admiring collection",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-yeti-cartoon-with-buildings_23-2150269826.jpg", alt: "Teenager admiring collection"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/halloween-party-illustration-poster_23-2151846238.jpg",
|
||||
alt: "Collector displaying figures",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/halloween-party-illustration-poster_23-2151846238.jpg", alt: "Collector displaying figures"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-blue-play-dough-monster_23-2149554793.jpg",
|
||||
alt: "Artist sketching a new design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-blue-play-dough-monster_23-2149554793.jpg", alt: "Artist sketching a new design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-engineer-man-jumping-with-megaphone_23-2148883698.jpg",
|
||||
alt: "Happy customer unboxing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-engineer-man-jumping-with-megaphone_23-2148883698.jpg", alt: "Happy customer unboxing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,18 +93,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Worlds, One Figurine at a Time"
|
||||
description={[
|
||||
"At TOONHUB, we believe in bringing your favorite characters to life. Our figurines are meticulously designed and crafted by passionate artists, ensuring every detail captures the essence of the beloved personalities you know and love. We use only the highest quality materials to guarantee durability and a premium finish.",
|
||||
"From concept art to final sculpt, each figurine undergoes a rigorous creation process, blending traditional artistry with modern manufacturing techniques. This dedication to excellence results in unique, expressive collectibles that stand out in any collection. Join us in celebrating the art of character design.",
|
||||
]}
|
||||
"At TOONHUB, we believe in bringing your favorite characters to life. Our figurines are meticulously designed and crafted by passionate artists, ensuring every detail captures the essence of the beloved personalities you know and love. We use only the highest quality materials to guarantee durability and a premium finish.", "From concept art to final sculpt, each figurine undergoes a rigorous creation process, blending traditional artistry with modern manufacturing techniques. This dedication to excellence results in unique, expressive collectibles that stand out in any collection. Join us in celebrating the art of character design."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
{
|
||||
text: "Meet the Makers",
|
||||
href: "#team",
|
||||
},
|
||||
text: "Meet the Makers", href: "#team"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
showBorder={false}
|
||||
@@ -148,32 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Artisan Craftsmanship",
|
||||
descriptions: [
|
||||
"Each figurine is hand-painted with precision, capturing intricate details and vibrant colors.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-patterned-metal-background_23-2148261989.jpg",
|
||||
imageAlt: "Figurine with detailed paintwork",
|
||||
},
|
||||
id: "f1", title: "Artisan Craftsmanship", descriptions: [
|
||||
"Each figurine is hand-painted with precision, capturing intricate details and vibrant colors."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-patterned-metal-background_23-2148261989.jpg", imageAlt: "Figurine with detailed paintwork"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Premium Materials",
|
||||
descriptions: [
|
||||
"Made from durable, eco-friendly materials, ensuring longevity and a luxurious feel.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-art-made-from-3d-geometric-shapes_23-2150829281.jpg",
|
||||
imageAlt: "Close-up of figurine material",
|
||||
},
|
||||
id: "f2", title: "Premium Materials", descriptions: [
|
||||
"Made from durable, eco-friendly materials, ensuring longevity and a luxurious feel."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-art-made-from-3d-geometric-shapes_23-2150829281.jpg", imageAlt: "Close-up of figurine material"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Exclusive Editions",
|
||||
descriptions: [
|
||||
"Limited edition releases and rare variants for the dedicated collector.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-gets-happier-surprized-when-received-gift-box_114579-77513.jpg",
|
||||
imageAlt: "Exclusive edition figurine box",
|
||||
},
|
||||
id: "f3", title: "Exclusive Editions", descriptions: [
|
||||
"Limited edition releases and rare variants for the dedicated collector."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-gets-happier-surprized-when-received-gift-box_114579-77513.jpg", imageAlt: "Exclusive edition figurine box"},
|
||||
]}
|
||||
title="Unmatched Quality & Detail"
|
||||
description="Experience the difference with TOONHUB figurines, where every detail is a testament to our commitment to excellence."
|
||||
@@ -189,53 +138,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Valiant Knight",
|
||||
price: "$79.99",
|
||||
variant: "Standard Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-roman-soldier-saying-hi_183364-120405.jpg",
|
||||
imageAlt: "The Valiant Knight figurine",
|
||||
},
|
||||
id: "p1", name: "The Valiant Knight", price: "$79.99", variant: "Standard Edition", imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-roman-soldier-saying-hi_183364-120405.jpg", imageAlt: "The Valiant Knight figurine"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mystic Mage",
|
||||
price: "$89.99",
|
||||
variant: "Limited Spellcaster",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-mummy-character-purple-background_23-2152023702.jpg",
|
||||
imageAlt: "Mystic Mage figurine",
|
||||
},
|
||||
id: "p2", name: "Mystic Mage", price: "$89.99", variant: "Limited Spellcaster", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-mummy-character-purple-background_23-2152023702.jpg", imageAlt: "Mystic Mage figurine"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Shadow Assassin",
|
||||
price: "$74.99",
|
||||
variant: "Stealth Variant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-superhero-walking-with-smartphone_183364-120360.jpg",
|
||||
imageAlt: "Shadow Assassin figurine",
|
||||
},
|
||||
id: "p3", name: "Shadow Assassin", price: "$74.99", variant: "Stealth Variant", imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-superhero-walking-with-smartphone_183364-120360.jpg", imageAlt: "Shadow Assassin figurine"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cybernetic Guardian",
|
||||
price: "$99.99",
|
||||
variant: "Chrome Upgrade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-anime-style-scene_23-2151135138.jpg",
|
||||
imageAlt: "Cybernetic Guardian figurine",
|
||||
},
|
||||
id: "p4", name: "Cybernetic Guardian", price: "$99.99", variant: "Chrome Upgrade", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-anime-style-scene_23-2151135138.jpg", imageAlt: "Cybernetic Guardian figurine"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ancient Dragon",
|
||||
price: "$129.99",
|
||||
variant: "Mythical Beast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-robotic-insect_23-2150684561.jpg",
|
||||
imageAlt: "Ancient Dragon figurine",
|
||||
},
|
||||
id: "p5", name: "Ancient Dragon", price: "$129.99", variant: "Mythical Beast", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-robotic-insect_23-2150684561.jpg", imageAlt: "Ancient Dragon figurine"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Galactic Explorer",
|
||||
price: "$84.99",
|
||||
variant: "Cosmic Voyager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-digital-art-illustration-man-with-radio-head_23-2151355995.jpg",
|
||||
imageAlt: "Galactic Explorer figurine",
|
||||
},
|
||||
id: "p6", name: "Galactic Explorer", price: "$84.99", variant: "Cosmic Voyager", imageSrc: "http://img.b2bpic.net/free-photo/retro-digital-art-illustration-man-with-radio-head_23-2151355995.jpg", imageAlt: "Galactic Explorer figurine"},
|
||||
]}
|
||||
title="Our Stellar Collection"
|
||||
description="Dive into the fantastical world of TOONHUB and find your next cherished collectible."
|
||||
@@ -249,41 +162,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Enthusiast",
|
||||
tagIcon: Star,
|
||||
price: "$9.99",
|
||||
period: "/month",
|
||||
description: "Perfect for casual collectors looking for a boost.",
|
||||
button: {
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"10% off all purchases",
|
||||
"Monthly newsletter",
|
||||
"Access to members-only content",
|
||||
],
|
||||
id: "basic", tag: "Enthusiast", tagIcon: Star,
|
||||
price: "$9.99", period: "/month", description: "Perfect for casual collectors looking for a boost.", button: {
|
||||
text: "Join Now", href: "#"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"10% off all purchases", "Monthly newsletter", "Access to members-only content"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Elite Collector",
|
||||
tagIcon: Award,
|
||||
price: "$24.99",
|
||||
period: "/month",
|
||||
description: "For serious collectors who want it all.",
|
||||
button: {
|
||||
text: "Become Elite",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Everything in Enthusiast, plus:",
|
||||
features: [
|
||||
"20% off all purchases",
|
||||
"Early access to new releases",
|
||||
"Exclusive member-only figurines",
|
||||
"Priority customer support",
|
||||
],
|
||||
id: "premium", tag: "Elite Collector", tagIcon: Award,
|
||||
price: "$24.99", period: "/month", description: "For serious collectors who want it all.", button: {
|
||||
text: "Become Elite", href: "#"},
|
||||
featuresTitle: "Everything in Enthusiast, plus:", features: [
|
||||
"20% off all purchases", "Early access to new releases", "Exclusive member-only figurines", "Priority customer support"],
|
||||
},
|
||||
]}
|
||||
title="Collector's Club Benefits"
|
||||
@@ -299,25 +189,15 @@ export default function LandingPage() {
|
||||
author="Ava Sharma, Passionate Collector"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/annoyed-young-handsome-man-holding-white-teddy-bear-gift-bag-looking-front_141793-124942.jpg",
|
||||
alt: "Ava Sharma",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/annoyed-young-handsome-man-holding-white-teddy-bear-gift-bag-looking-front_141793-124942.jpg", alt: "Ava Sharma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/funny-3d-illustration-cartoon-teenage-girl_183364-80419.jpg",
|
||||
alt: "Liam Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/funny-3d-illustration-cartoon-teenage-girl_183364-80419.jpg", alt: "Liam Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mom-helping-son-play_23-2148443222.jpg",
|
||||
alt: "Sophia Garcia",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mom-helping-son-play_23-2148443222.jpg", alt: "Sophia Garcia"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/severed-fingers-carton-spiders_23-2147679856.jpg",
|
||||
alt: "Noah Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/severed-fingers-carton-spiders_23-2147679856.jpg", alt: "Noah Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17743.jpg",
|
||||
alt: "Isabella Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17743.jpg", alt: "Isabella Kim"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -329,14 +209,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AnimeCon",
|
||||
"ComicVerse",
|
||||
"Toy Fair",
|
||||
"Gamer's Guild",
|
||||
"Pop Culture Expo",
|
||||
"Collector's Haven",
|
||||
"Artisan Showcase",
|
||||
]}
|
||||
"AnimeCon", "ComicVerse", "Toy Fair", "Gamer's Guild", "Pop Culture Expo", "Collector's Haven", "Artisan Showcase"]}
|
||||
title="Trusted by Enthusiasts Worldwide"
|
||||
description="Our figurines are loved by collectors and praised by industry giants."
|
||||
/>
|
||||
@@ -349,22 +222,14 @@ export default function LandingPage() {
|
||||
description="Have a question about our collections or need support? We're here to help!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-208.jpg"
|
||||
@@ -384,54 +249,33 @@ export default function LandingPage() {
|
||||
logoText="TOONHUB"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "All Figurines",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Figurines", href: "#products"},
|
||||
{
|
||||
label: "New Releases",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Releases", href: "#"},
|
||||
{
|
||||
label: "Collector's Club",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Collector's Club", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user