417 lines
14 KiB
TypeScript
417 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 FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="H-cubed"
|
|
button={{
|
|
text: "Shop Now",
|
|
href: "#products",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="H-cubed Prints"
|
|
description="Bringing your ideas to life through high-quality, custom artistic stickers. Precision printing for creators, brands, and dreamers."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-putting-up-decorative-vinyl_23-2149728653.jpg?_wi=1",
|
|
imageAlt: "artistic custom sticker print",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-flower-press-with-notebooks_23-2150443508.jpg?_wi=1",
|
|
imageAlt: "vibrant custom sticker collection",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/optimism-wallpaper-with-smiley-face_23-2150039329.jpg?_wi=1",
|
|
imageAlt: "minimalist artistic sticker branding",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg?_wi=1",
|
|
imageAlt: "custom vinyl sticker prints",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-drawing_23-2148577710.jpg?_wi=1",
|
|
imageAlt: "bespoke printed sticker collection",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593822.jpg",
|
|
imageAlt: "detail oriented custom stickers",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-s-hand-holding-postcard-with-words-stars-can-t-shine-without-darkness_176420-8900.jpg",
|
|
imageAlt: "detail oriented custom stickers",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-make-up-blogger-with-streaming-with-tablet-home_23-2148771519.jpg",
|
|
imageAlt: "bespoke printed sticker collection",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-art-exhibition-labels_23-2149508192.jpg",
|
|
imageAlt: "custom vinyl sticker prints",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/developing-photographs-darkroom_23-2149894054.jpg",
|
|
imageAlt: "minimalist artistic sticker branding",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Explore Collection",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/acid-creativity-stickers-collection_52683-83488.jpg",
|
|
alt: "Acid creativity stickers collection",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-psd/retro-cartoon-sticker-illustration_23-2151207296.jpg",
|
|
alt: "Retro cartoon sticker illustration",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/hand-drawn-retro-branding-labels-collection_23-2149980717.jpg",
|
|
alt: "Hand drawn retro branding labels collection",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/kawaii-nature-sticker-collection_52683-62492.jpg",
|
|
alt: "Kawaii nature sticker collection",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-trendy-cartoon-elements-collection_52683-71799.jpg",
|
|
alt: "Hand drawn flat trendy cartoon elements collection",
|
|
},
|
|
]}
|
|
avatarText="Join 500+ creators"
|
|
marqueeItems={[
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-vector/hand-drawn-trendy-cartoon-badges-labels_23-2149092314.jpg",
|
|
alt: "Hand drawn trendy cartoon badges and labels",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-psd/retro-cartoon-sticker-illustration_23-2151207298.jpg",
|
|
alt: "Retro cartoon sticker illustration",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-vector/retro-rave-stickers-comic-patches_107791-17727.jpg",
|
|
alt: "Retro rave stickers comic patches",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-vector/set-hand-drawn-colorful-stickers_23-2147673113.jpg",
|
|
alt: "Set of hand-drawn colorful stickers",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-vector/funny-hand-drawn-sticker-set-with-acid-colors_52683-31409.jpg",
|
|
alt: "Funny hand-drawn sticker set with acid colors",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Crafted with Precision"
|
|
description="At H-cubed, we believe every design deserves to shine. From durable vinyl to vibrant ink technology, we ensure your vision is realized in every print."
|
|
bulletPoints={[
|
|
{
|
|
title: "Premium Vinyl",
|
|
description: "Weather-resistant, high-durability adhesive materials.",
|
|
},
|
|
{
|
|
title: "Vibrant Ink",
|
|
description: "High-fidelity colors that pop and stay vibrant.",
|
|
},
|
|
{
|
|
title: "Precision Cut",
|
|
description: "Expert die-cut technology for clean, sharp edges.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/black-water-with-fizzy-bath-bomb_23-2147933883.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Artistic Flora",
|
|
price: "$5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/entertain-vintage-vector-graphic-concept_53876-21299.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Minimalist Shapes",
|
|
price: "$4",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/watercolors-bookmarks-high-angle_23-2149894523.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Abstract Dreams",
|
|
price: "$6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coloured-condoms-white-background_23-2148259787.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Vibrant Patterns",
|
|
price: "$5",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/retro-stickers-with-ufo-mushroom-dinosaur_107791-12852.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Geometric Waves",
|
|
price: "$5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-writing-post-it_23-2149934532.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Street Soul",
|
|
price: "$7",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-stitching-fabric-house-shape-paper_23-2148164441.jpg",
|
|
},
|
|
]}
|
|
title="Our Featured Prints"
|
|
description="Browse our hand-picked collection of premium adhesive stickers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
negativeCard={{
|
|
items: [
|
|
"Paper-based",
|
|
"Bleeding Colors",
|
|
"Poor Adhesion",
|
|
"Limited Variety",
|
|
"Basic Cutting",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"UV Resistant",
|
|
"Eco-friendly Inks",
|
|
"Precision Die-cut",
|
|
"Professional Finish",
|
|
"Custom Shapes",
|
|
],
|
|
}}
|
|
title="Quality Matters"
|
|
description="Why choose H-cubed over standard print shops?"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Our Impact"
|
|
tag="Trusted Quality"
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "10k+",
|
|
description: "Stickers Printed",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "500+",
|
|
description: "Happy Clients",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "4.9",
|
|
description: "Average Rating",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Alex R.",
|
|
date: "Oct 2024",
|
|
title: "Graphic Designer",
|
|
quote: "The print quality is simply unmatched. My designs look incredible on these vinyls.",
|
|
tag: "Verified Buyer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-holding-plastic-container_1170-925.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-putting-up-decorative-vinyl_23-2149728653.jpg?_wi=2",
|
|
imageAlt: "satisfied customer art sticker print",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Jamie L.",
|
|
date: "Sep 2024",
|
|
title: "Small Business Owner",
|
|
quote: "H-cubed prints have helped my branding reach new levels of professionalism.",
|
|
tag: "Verified Buyer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/two-creative-women-partners-discussing-ideas_58466-11187.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-flower-press-with-notebooks_23-2150443508.jpg?_wi=2",
|
|
imageAlt: "satisfied customer art sticker print",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Sam K.",
|
|
date: "Aug 2024",
|
|
title: "Illustrator",
|
|
quote: "Fantastic service and even better stickers. I recommend them to everyone.",
|
|
tag: "Verified Buyer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-artist-with-brush_23-2149050559.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/optimism-wallpaper-with-smiley-face_23-2150039329.jpg?_wi=2",
|
|
imageAlt: "satisfied customer art sticker print",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Jordan P.",
|
|
date: "Jul 2024",
|
|
title: "Creative Lead",
|
|
quote: "Consistent quality and fast turnaround times. The go-to for my sticker needs.",
|
|
tag: "Verified Buyer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/designing-her-new-clothes-line_329181-18082.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg?_wi=2",
|
|
imageAlt: "satisfied customer art sticker print",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Casey W.",
|
|
date: "Jun 2024",
|
|
title: "Artist",
|
|
quote: "Absolutely obsessed with these stickers! Perfect durability for all surfaces.",
|
|
tag: "Verified Buyer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-delivery-woman-blue-uniform-cap-surprised-amazed-showing-ok-sign-pink-wall_141793-63826.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-drawing_23-2148577710.jpg?_wi=2",
|
|
imageAlt: "satisfied customer art sticker print",
|
|
},
|
|
]}
|
|
title="Loved by Creators"
|
|
description="Hear what our amazing community has to say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "What materials do you use?",
|
|
content: "We use premium waterproof vinyl with UV-resistant inks.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Do you offer bulk discounts?",
|
|
content: "Yes! Contact us for wholesale and custom bulk inquiries.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "What's the shipping time?",
|
|
content: "Shipping typically takes 3-5 business days within the region.",
|
|
},
|
|
]}
|
|
sideTitle="Questions?"
|
|
sideDescription="Check out our most frequently asked questions."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
tag="Let's Print"
|
|
title="Start Your Project"
|
|
description="Ready to bring your sticker designs to life? Send us a message today."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us",
|
|
href: "mailto:hello@hcubed.prints",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="H-cubed Prints"
|
|
copyrightText="© 2025 H-cubed. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|