Merge version_1 into main #1
595
src/app/page.tsx
595
src/app/page.tsx
@@ -27,459 +27,164 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Roblox",
|
||||
id: "roblox",
|
||||
},
|
||||
{
|
||||
name: "Swords",
|
||||
id: "swords",
|
||||
},
|
||||
{
|
||||
name: "Melee",
|
||||
id: "melee",
|
||||
},
|
||||
]}
|
||||
brandName="Sailor Point"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Roblox", id: "roblox" },
|
||||
{ name: "Swords", id: "swords" },
|
||||
{ name: "Melee", id: "melee" }
|
||||
]}
|
||||
brandName="Sailor Point"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="TOP UP ROBLOX & SAILOR PIECE STORE"
|
||||
description="Fast • Secure • Premium Service. Get the best items instantly."
|
||||
testimonials={[
|
||||
{
|
||||
name: "PlayerOne",
|
||||
handle: "@player1",
|
||||
testimonial: "Fastest top up service I have ever used!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
|
||||
},
|
||||
{
|
||||
name: "SailorFan",
|
||||
handle: "@sailor",
|
||||
testimonial: "The swords are always available on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
|
||||
},
|
||||
{
|
||||
name: "RobloxMaster",
|
||||
handle: "@master",
|
||||
testimonial: "100% legit and super fast response.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg",
|
||||
},
|
||||
{
|
||||
name: "GamerX",
|
||||
handle: "@gamerx",
|
||||
testimonial: "Premium service, highly recommend to everyone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg",
|
||||
},
|
||||
{
|
||||
name: "SwordLover",
|
||||
handle: "@swords",
|
||||
testimonial: "Best shop for Sailor Piece items.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Sekarang",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Lihat Produk",
|
||||
href: "#swords",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172409.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg",
|
||||
alt: "Gamer avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/streamer-man-looking-camera-smiling-while-streaming-videogames-using-stream-chat-pro-cyber-videogamer-playing-space-shooter-video-game-rgb-powerful-personal-computer-gaming-home-studio_482257-12601.jpg",
|
||||
alt: "Gamer avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-rgb-lit-studio-streaming-multiplayer-game_482257-103579.jpg",
|
||||
alt: "Gamer avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",
|
||||
alt: "Gamer avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-wearing-hoodie-cap-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19248.jpg",
|
||||
alt: "Gamer avatar 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="TOP UP ROBLOX & SAILOR PIECE STORE"
|
||||
description="Fast • Secure • Premium Service. Get the best items instantly."
|
||||
testimonials={[
|
||||
{ name: "PlayerOne", handle: "@player1", testimonial: "Fastest top up service I have ever used!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg" },
|
||||
{ name: "SailorFan", handle: "@sailor", testimonial: "The swords are always available on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg" },
|
||||
{ name: "RobloxMaster", handle: "@master", testimonial: "100% legit and super fast response.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg" },
|
||||
{ name: "GamerX", handle: "@gamerx", testimonial: "Premium service, highly recommend to everyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg" },
|
||||
{ name: "SwordLover", handle: "@swords", testimonial: "Best shop for Sailor Piece items.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Order Sekarang", href: "#contact" }, { text: "Lihat Produk", href: "#swords" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172409.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg", alt: "Gamer avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/streamer-man-looking-camera-smiling-while-streaming-videogames-using-stream-chat-pro-cyber-videogamer-playing-space-shooter-video-game-rgb-powerful-personal-computer-gaming-home-studio_482257-12601.jpg", alt: "Gamer avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-rgb-lit-studio-streaming-multiplayer-game_482257-103579.jpg", alt: "Gamer avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg", alt: "Gamer avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-wearing-hoodie-cap-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19248.jpg", alt: "Gamer avatar 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="roblox" data-section="roblox">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "80 Robux",
|
||||
price: "10K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-cross-symbol_23-2150813079.jpg",
|
||||
rating: 5,
|
||||
brand: "Roblox",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
name: "400 Robux",
|
||||
price: "45K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443876.jpg",
|
||||
rating: 5,
|
||||
brand: "Roblox",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
name: "800 Robux",
|
||||
price: "85K",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/viking-game-props-icons-axe-helmet-sword-shield_107791-14248.jpg",
|
||||
rating: 5,
|
||||
brand: "Roblox",
|
||||
},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Custom",
|
||||
price: "Call",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/viking-game-props-icons-ui-rpg-game-design-assets_107791-14457.jpg",
|
||||
rating: 5,
|
||||
brand: "Roblox",
|
||||
},
|
||||
{
|
||||
id: "r5",
|
||||
name: "1200 Robux",
|
||||
price: "120K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205017.jpg",
|
||||
rating: 5,
|
||||
brand: "Roblox",
|
||||
},
|
||||
{
|
||||
id: "r6",
|
||||
name: "2400 Robux",
|
||||
price: "230K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960834.jpg",
|
||||
rating: 5,
|
||||
brand: "Roblox",
|
||||
},
|
||||
]}
|
||||
title="Top Up Roblox"
|
||||
description="Premium Robux packages for your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="roblox" data-section="roblox">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Top Up Roblox"
|
||||
description="Premium Robux packages for your needs."
|
||||
products={[
|
||||
{ id: "r1", name: "80 Robux", price: "10K", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-cross-symbol_23-2150813079.jpg", rating: 5, brand: "Roblox", reviewCount: "150" },
|
||||
{ id: "r2", name: "400 Robux", price: "45K", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443876.jpg", rating: 5, brand: "Roblox", reviewCount: "200" },
|
||||
{ id: "r3", name: "800 Robux", price: "85K", imageSrc: "http://img.b2bpic.net/free-vector/viking-game-props-icons-axe-helmet-sword-shield_107791-14248.jpg", rating: 5, brand: "Roblox", reviewCount: "300" },
|
||||
{ id: "r4", name: "Custom", price: "Call", imageSrc: "http://img.b2bpic.net/free-vector/viking-game-props-icons-ui-rpg-game-design-assets_107791-14457.jpg", rating: 5, brand: "Roblox", reviewCount: "50" },
|
||||
{ id: "r5", name: "1200 Robux", price: "120K", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205017.jpg", rating: 5, brand: "Roblox", reviewCount: "450" },
|
||||
{ id: "r6", name: "2400 Robux", price: "230K", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960834.jpg", rating: 5, brand: "Roblox", reviewCount: "600" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="swords" data-section="swords">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Available",
|
||||
title: "Wooden Sword",
|
||||
subtitle: "Basic",
|
||||
description: "7K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-cross_23-2150913412.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Available",
|
||||
title: "Excalibur",
|
||||
subtitle: "Saber",
|
||||
description: "10K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bow-archery-icon-symbol-illustration_53876-14137.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Available",
|
||||
title: "Solo Hunter",
|
||||
subtitle: "Jinwoo",
|
||||
description: "8K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-light-jesus-cross_23-2150978828.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Available",
|
||||
title: "Slime",
|
||||
subtitle: "Rimuru",
|
||||
description: "9K",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/poseidon-neptune-magic-trident_107791-27340.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Available",
|
||||
title: "Manipulator",
|
||||
subtitle: "Aizen",
|
||||
description: "11K",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/poseidon-neptune-magic-trident_107791-27419.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Available",
|
||||
title: "Yamato",
|
||||
subtitle: "Sword",
|
||||
description: "9K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204927.jpg",
|
||||
},
|
||||
]}
|
||||
title="List Sword OP"
|
||||
description="Open 19.00 WIB / 21.30 WIB"
|
||||
/>
|
||||
</div>
|
||||
<div id="swords" data-section="swords">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ tag: "Available", title: "Wooden Sword", subtitle: "Basic", description: "7K", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-cross_23-2150913412.jpg" },
|
||||
{ tag: "Available", title: "Excalibur", subtitle: "Saber", description: "10K", imageSrc: "http://img.b2bpic.net/free-photo/bow-archery-icon-symbol-illustration_53876-14137.jpg" },
|
||||
{ tag: "Available", title: "Solo Hunter", subtitle: "Jinwoo", description: "8K", imageSrc: "http://img.b2bpic.net/free-photo/bright-light-jesus-cross_23-2150978828.jpg" },
|
||||
{ tag: "Available", title: "Slime", subtitle: "Rimuru", description: "9K", imageSrc: "http://img.b2bpic.net/free-vector/poseidon-neptune-magic-trident_107791-27340.jpg" },
|
||||
{ tag: "Available", title: "Manipulator", subtitle: "Aizen", description: "11K", imageSrc: "http://img.b2bpic.net/free-vector/poseidon-neptune-magic-trident_107791-27419.jpg" },
|
||||
{ tag: "Available", title: "Yamato", subtitle: "Sword", description: "9K", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204927.jpg" }
|
||||
]}
|
||||
title="List Sword OP"
|
||||
description="Open 19.00 WIB / 21.30 WIB"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="melee" data-section="melee">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "m1",
|
||||
badge: "New",
|
||||
price: "7K",
|
||||
subtitle: "Qin Shi",
|
||||
features: [
|
||||
"Set Included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
badge: "New",
|
||||
price: "10K",
|
||||
subtitle: "Cursed Vessel",
|
||||
features: [
|
||||
"Set Included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
badge: "New",
|
||||
price: "12K",
|
||||
subtitle: "Moon Slayer",
|
||||
features: [
|
||||
"Set Included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
badge: "New",
|
||||
price: "15K",
|
||||
subtitle: "Strongest Shinobi",
|
||||
features: [
|
||||
"Set Included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
badge: "New",
|
||||
price: "12K",
|
||||
subtitle: "Anos",
|
||||
features: [
|
||||
"Set Included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
badge: "New",
|
||||
price: "10K",
|
||||
subtitle: "Alucard",
|
||||
features: [
|
||||
"Set Included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="List Melee Set"
|
||||
description="Open 19.00 WIB / 21.30 WIB"
|
||||
/>
|
||||
</div>
|
||||
<div id="melee" data-section="melee">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "m1", badge: "New", price: "7K", subtitle: "Qin Shi", features: ["Set Included"], buttons: [{ text: "Order", href: "#contact" }] },
|
||||
{ id: "m2", badge: "New", price: "10K", subtitle: "Cursed Vessel", features: ["Set Included"], buttons: [{ text: "Order", href: "#contact" }] },
|
||||
{ id: "m3", badge: "New", price: "12K", subtitle: "Moon Slayer", features: ["Set Included"], buttons: [{ text: "Order", href: "#contact" }] },
|
||||
{ id: "m4", badge: "New", price: "15K", subtitle: "Strongest Shinobi", features: ["Set Included"], buttons: [{ text: "Order", href: "#contact" }] },
|
||||
{ id: "m5", badge: "New", price: "12K", subtitle: "Anos", features: ["Set Included"], buttons: [{ text: "Order", href: "#contact" }] },
|
||||
{ id: "m6", badge: "New", price: "10K", subtitle: "Alucard", features: ["Set Included"], buttons: [{ text: "Order", href: "#contact" }] }
|
||||
]}
|
||||
title="List Melee Set"
|
||||
description="Open 19.00 WIB / 21.30 WIB"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bagaimana cara order?",
|
||||
content: "Silahkan klik tombol order dan hubungi WhatsApp kami.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Berapa lama prosesnya?",
|
||||
content: "Proses dilakukan secepat mungkin setelah pembayaran terkonfirmasi.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Apakah aman?",
|
||||
content: "Tentu, kami menjamin keamanan setiap transaksi anda.",
|
||||
},
|
||||
]}
|
||||
title="FAQ"
|
||||
description="Common questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603088.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Bagaimana cara order?", content: "Silahkan klik tombol order dan hubungi WhatsApp kami." },
|
||||
{ id: "f2", title: "Berapa lama prosesnya?", content: "Proses dilakukan secepat mungkin setelah pembayaran terkonfirmasi." },
|
||||
{ id: "f3", title: "Apakah aman?", content: "Tentu, kami menjamin keamanan setiap transaksi anda." }
|
||||
]}
|
||||
title="FAQ"
|
||||
description="Common questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603088.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Budi",
|
||||
handle: "@budi",
|
||||
testimonial: "Sangat fast respons!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-woman-wearing-glasses_23-2151136863.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Andi",
|
||||
handle: "@andi",
|
||||
testimonial: "Mantap barangnya sampai cepat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-hold-digital-camera-looking-white-display_158595-5718.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Citra",
|
||||
handle: "@citra",
|
||||
testimonial: "Topup Roblox paling murah.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136824.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Deni",
|
||||
handle: "@deni",
|
||||
testimonial: "Pelayanan sangat memuaskan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932068.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eka",
|
||||
handle: "@eka",
|
||||
testimonial: "Terima kasih banyak seller!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178886.jpg",
|
||||
},
|
||||
]}
|
||||
title="Testimoni Pelanggan"
|
||||
description="Lihat apa kata mereka tentang kami."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Budi", handle: "@budi", testimonial: "Sangat fast respons!", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-woman-wearing-glasses_23-2151136863.jpg" },
|
||||
{ id: "t2", name: "Andi", handle: "@andi", testimonial: "Mantap barangnya sampai cepat.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-hold-digital-camera-looking-white-display_158595-5718.jpg" },
|
||||
{ id: "t3", name: "Citra", handle: "@citra", testimonial: "Topup Roblox paling murah.", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136824.jpg" },
|
||||
{ id: "t4", name: "Deni", handle: "@deni", testimonial: "Pelayanan sangat memuaskan.", imageSrc: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932068.jpg" },
|
||||
{ id: "t5", name: "Eka", handle: "@eka", testimonial: "Terima kasih banyak seller!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178886.jpg" }
|
||||
]}
|
||||
title="Testimoni Pelanggan"
|
||||
description="Lihat apa kata mereka tentang kami."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Hubungi Kami"
|
||||
description="Pesan item favorit kamu sekarang juga."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nama Kamu",
|
||||
},
|
||||
{
|
||||
name: "item",
|
||||
type: "text",
|
||||
placeholder: "Item yang diinginkan",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ketik pesan anda di sini...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anime-style-character-with-fire-flames_23-2151152408.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Hubungi Kami"
|
||||
description="Pesan item favorit kamu sekarang juga."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nama Kamu" },
|
||||
{ name: "item", type: "text", placeholder: "Item yang diinginkan" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Ketik pesan anda di sini..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anime-style-character-with-fire-flames_23-2151152408.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vr-headset-some-cords-rough-rustic-wooden-table-white-wall_346278-1285.jpg"
|
||||
logoText="Sailor Point"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Roblox",
|
||||
href: "#roblox",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/085129971534",
|
||||
},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "https://t.me/admistorepoint",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vr-headset-some-cords-rough-rustic-wooden-table-white-wall_346278-1285.jpg"
|
||||
logoText="Sailor Point"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Roblox", href: "#roblox" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Socials", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/085129971534" },
|
||||
{ label: "Telegram", href: "https://t.me/admistorepoint" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user