395 lines
14 KiB
TypeScript
395 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Box, Building } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "#products",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/flat-mardi-gras-badges-collection_23-2149217088.jpg"
|
|
logoAlt="BNS Hype Logo"
|
|
brandName="BNS Hype"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroCarouselLogo
|
|
logoText="BNS Hype"
|
|
description="Your Ultimate Destination for Premium Collectibles and Toys."
|
|
buttons={[
|
|
{
|
|
text: "Explore Collectibles",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "Visit Us",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-kids-room-decoration-with-toys_23-2149096014.jpg?_wi=1",
|
|
imageAlt: "High-end action figure display case",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/amazed-kid-sitting-near-stands-with-toys-choosing-dolls_7502-4280.jpg?_wi=1",
|
|
imageAlt: "Modern toy store interior design",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg",
|
|
imageAlt: "Close-up detailed collectible toy",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/halloween-symbols-wooden-table_23-2147679598.jpg",
|
|
imageAlt: "Diverse range of pop culture collectibles",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-thrift-shop_23-2149729343.jpg",
|
|
imageAlt: "Toy collector admiring figures",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/boxing-day-sale-instagram-post-collection_23-2148710985.jpg",
|
|
imageAlt: "Limited edition toy packaging design",
|
|
},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Curated Selection",
|
|
description: "Hand-picked premium toys and collectibles ensuring quality and exclusivity.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Box,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-mardi-gras-badges-collection_23-2149217088.jpg",
|
|
imageAlt: "premium toy store logo",
|
|
},
|
|
{
|
|
title: "Expert Staff",
|
|
description: "Knowledgeable and passionate team ready to assist every collector.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Building,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-kids-room-decoration-with-toys_23-2149096014.jpg?_wi=2",
|
|
imageAlt: "premium toy store logo",
|
|
},
|
|
{
|
|
title: "Collector's Paradise",
|
|
description: "A welcoming atmosphere designed for enthusiasts to explore and connect.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Box,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/amazed-kid-sitting-near-stands-with-toys-choosing-dolls_7502-4280.jpg?_wi=2",
|
|
imageAlt: "premium toy store logo",
|
|
},
|
|
]}
|
|
title="Experience the Hype"
|
|
description="Discover why BNS Hype Batavia PIK is Jakarta's premier toy store, offering an unparalleled experience for every collector."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="About BNS Hype Batavia PIK"
|
|
description={[
|
|
"Located in the vibrant BATAVIA PIK, BNS Hype is more than just a toy store; it's a sanctuary for collectors and enthusiasts. We pride ourselves on offering a meticulously curated selection of premium toys and collectibles, ensuring an unparalleled shopping experience.",
|
|
"Our mission is to foster a community where passion for collecting thrives. From rare action figures to iconic memorabilia, every item in our store is chosen for its quality, authenticity, and ability to bring joy to its owner.",
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More",
|
|
href: "#",
|
|
},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
showBorder={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "prod-1",
|
|
brand: "VintageBots",
|
|
name: "Retro Robot Guardian",
|
|
price: "$129.99",
|
|
rating: 5,
|
|
reviewCount: "87 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-superhero-suit-winter-background_23-2150944630.jpg",
|
|
imageAlt: "Vintage Robot Toy Collectible",
|
|
},
|
|
{
|
|
id: "prod-2",
|
|
brand: "Anime Legends",
|
|
name: "Crimson Dragon Slayer",
|
|
price: "$249.99",
|
|
rating: 5,
|
|
reviewCount: "102 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/anime-japanese-character_23-2151478181.jpg",
|
|
imageAlt: "Limited Edition Anime Character Statue",
|
|
},
|
|
{
|
|
id: "prod-3",
|
|
brand: "Mythic Realms",
|
|
name: "Forest Guardian Beast",
|
|
price: "$189.99",
|
|
rating: 4,
|
|
reviewCount: "55 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-surreal-male-sea-creature_23-2151609084.jpg",
|
|
imageAlt: "Fantasy Creature Collectible Figure",
|
|
},
|
|
{
|
|
id: "prod-4",
|
|
brand: "Heroic Comics",
|
|
name: "The Vigilante Knight",
|
|
price: "$149.99",
|
|
rating: 5,
|
|
reviewCount: "93 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732515.jpg",
|
|
imageAlt: "Superhero Comic Book Action Figure",
|
|
},
|
|
{
|
|
id: "prod-5",
|
|
brand: "Cosmic Saga",
|
|
name: "Starship Voyager X",
|
|
price: "$399.99",
|
|
rating: 5,
|
|
reviewCount: "68 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/space-shuttle-isolated-white-render-3d-illustration_654080-1530.jpg",
|
|
imageAlt: "Star Wars Collectible Spaceship Model",
|
|
},
|
|
{
|
|
id: "prod-6",
|
|
brand: "Horror Icons",
|
|
name: "Creature from the Deep",
|
|
price: "$99.99",
|
|
rating: 4,
|
|
reviewCount: "42 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-witch-from-indigenous-african-tribe-wearing-traditional-costume-make-up-concept-isolated-dark-background_613910-18555.jpg",
|
|
imageAlt: "Classic Movie Monster Collectible",
|
|
},
|
|
]}
|
|
title="Our Exclusive Collections"
|
|
description="Dive into our diverse range of premium toys, from limited edition figures to iconic pop culture memorabilia."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Funko",
|
|
"Hot Toys",
|
|
"Bandai Spirits",
|
|
"Sideshow Collectibles",
|
|
"Good Smile Company",
|
|
"Mezco Toyz",
|
|
"NECA",
|
|
"Kaiyodo",
|
|
]}
|
|
title="Trusted by Collectors & Brands"
|
|
description="We collaborate with leading names in the collectible world and are cherished by a passionate community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah J.",
|
|
handle: "@sarah_collects",
|
|
testimonial: "Good atmosphere, great service, good price! BNS Hype is my go-to for all my collectible needs. The experience is always fantastic.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hopeful-cheerful-cute-redhead-girlfriend-rooting-you-believe-win-smiling-supportive-satisfied-sh_1258-143196.jpg",
|
|
imageAlt: "Sarah J. customer review",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael C.",
|
|
handle: "@mikey_figures",
|
|
testimonial: "Good Services and Nice Staff to support the customer. They always help me find exactly what I'm looking for.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-chatting-classroom_23-2150331688.jpg",
|
|
imageAlt: "Michael C. customer review",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily R.",
|
|
handle: "@emily_toys",
|
|
testimonial: "Great selection and I bought donald duck collections etc! Seriously impressive range and variety.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sale-young-woman-green-dress-conducting-online-cosmetic-sale_259150-60094.jpg",
|
|
imageAlt: "Emily R. customer review",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David K.",
|
|
handle: "@dave_collectibles",
|
|
testimonial: "A truly premium toy store experience. The quality of items and the friendly staff make every visit worthwhile. Highly recommended!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blue-eyed-girl-glasses-joyfully-looks-front-holds-books-alarm-clock_197531-23342.jpg",
|
|
imageAlt: "David K. customer review",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jessica L.",
|
|
handle: "@jessica_piks",
|
|
testimonial: "The best place in Batavia PIK for rare finds! The atmosphere is perfect for collectors, and prices are very fair for such exclusive items.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-women-taking-selfie-while-holding-lots-shopping-bags_23-2148673208.jpg",
|
|
imageAlt: "Jessica L. customer review",
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Collectors Say"
|
|
description="Hear from our happy customers about their BNS Hype experience, praising our selection and service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1",
|
|
title: "Where is BNS Hype Batavia PIK located?",
|
|
content: "We are located at BATAVIA PIK, Ruko Ebony Batavia No.9, Kapuk Muara, Penjaringan, North Jakarta City, Jakarta 14470.",
|
|
},
|
|
{
|
|
id: "faq-2",
|
|
title: "What kind of products do you offer?",
|
|
content: "We specialize in premium collectibles and toys, including action figures, limited edition items, pop culture memorabilia, and more.",
|
|
},
|
|
{
|
|
id: "faq-3",
|
|
title: "Do you offer shipping for online orders?",
|
|
content: "Currently, we operate as a physical store. Please visit us in person to explore our full collection.",
|
|
},
|
|
{
|
|
id: "faq-4",
|
|
title: "What are your operating hours?",
|
|
content: "We are open daily and close at 10:00 PM. Please check our Instagram for any special holiday hours.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/kids-playing-together-indoors-while-wearing-face-masks_23-2148779551.jpg"
|
|
imageAlt="Interior of BNS Hype Batavia PIK store"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common inquiries about BNS Hype, our products, and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Visit Us"
|
|
title="Discover Your Next Collectible"
|
|
description="Located at BATAVIA PIK, we invite you to experience the ultimate toy store. Reach out for inquiries or visit us today!"
|
|
buttons={[
|
|
{
|
|
text: "Get Directions",
|
|
href: "https://www.google.com/maps/search/BATAVIA+PIK,+Ruko+Ebony+Batavia+No.9,+Kapuk+Muara,+Penjaringan,+North+Jakarta+City,+Jakarta+14470",
|
|
},
|
|
{
|
|
text: "Contact Us",
|
|
href: "https://instagram.com/bnshype",
|
|
},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="BNS Hype"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|