Merge version_1 into main #1
302
src/app/page.tsx
302
src/app/page.tsx
@@ -31,87 +31,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Custom",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "Custom", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Support", id: "#faq" },
|
||||
]}
|
||||
brandName="StickerStudio"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Custom Stickers, Limitless Creative Expression"
|
||||
description="Design, print, and share stickers that match your unique style. From vinyl to holographic, we bring your ideas to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Creating",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Creating", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-arrangement-3d-glasses_23-2149487729.jpg"
|
||||
imageAlt="Collection of creative custom stickers"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elevated-view-colorful-abstract-circle-painting-straw-origami-painting-equipment_23-2148188314.jpg",
|
||||
alt: "Creative artist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-colorful-eyeshadow-white-background_23-2150252087.jpg",
|
||||
alt: "Graphic designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-colorful-eyeshadow-white-background_23-2150252090.jpg",
|
||||
alt: "Small business owner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-type-geometric-circles-floral-wallpaper_23-2148058164.jpg",
|
||||
alt: "Student creator",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-lives-matter-movement-message_23-2148734119.jpg",
|
||||
alt: "Enthusiastic maker",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/elevated-view-colorful-abstract-circle-painting-straw-origami-painting-equipment_23-2148188314.jpg", alt: "Creative artist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-colorful-eyeshadow-white-background_23-2150252087.jpg", alt: "Graphic designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-colorful-eyeshadow-white-background_23-2150252090.jpg", alt: "Small business owner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/different-type-geometric-circles-floral-wallpaper_23-2148058164.jpg", alt: "Student creator" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-lives-matter-movement-message_23-2148734119.jpg", alt: "Enthusiastic maker" },
|
||||
]}
|
||||
avatarText="Join 5,000+ creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Quality Vinyl",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Holographic Finishes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Die-Cut",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bulk Discounts",
|
||||
},
|
||||
{ type: "text", text: "High-Quality Vinyl" },
|
||||
{ type: "text", text: "Fast Shipping" },
|
||||
{ type: "text", text: "Holographic Finishes" },
|
||||
{ type: "text", text: "Precision Die-Cut" },
|
||||
{ type: "text", text: "Bulk Discounts" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,18 +74,9 @@ export default function LandingPage() {
|
||||
title="Your Imagination, Our Premium Printing"
|
||||
description="We specialize in high-quality, durable stickers that withstand the elements while maintaining vibrant colors. Whether for branding, gifting, or personal expression, our precision cutting and premium finishes ensure your design stands out."
|
||||
metrics={[
|
||||
{
|
||||
value: "100K+",
|
||||
title: "Stickers Printed",
|
||||
},
|
||||
{
|
||||
value: "5K+",
|
||||
title: "Happy Creators",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Fast Turnaround",
|
||||
},
|
||||
{ value: "100K+", title: "Stickers Printed" },
|
||||
{ value: "5K+", title: "Happy Creators" },
|
||||
{ value: "24h", title: "Fast Turnaround" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-white-round-cheese-dark-plate-marble_114579-60734.jpg"
|
||||
imageAlt="Applying sticker to laptop"
|
||||
@@ -149,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cute Safari Friends",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Minimalist Geometry",
|
||||
price: "$3.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/retro-flyer-design_1375-55.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Watercolor Bloom",
|
||||
price: "$5.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/series-flowers-from-garden-including-one-with-other_23-2151898476.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cosmic Voyager",
|
||||
price: "$4.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planets-with-metallic-reflective-effect_23-2150253961.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Retro Neon Vibes",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comic-lettering-wow-retro-pop-art-style-with-shadow_23-2147948801.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Morning Roast",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-coffee-cartoon-illustration_52683-126795.jpg",
|
||||
},
|
||||
{ id: "1", name: "Cute Safari Friends", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg" },
|
||||
{ id: "2", name: "Minimalist Geometry", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-vector/retro-flyer-design_1375-55.jpg" },
|
||||
{ id: "3", name: "Watercolor Bloom", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/series-flowers-from-garden-including-one-with-other_23-2151898476.jpg" },
|
||||
{ id: "4", name: "Cosmic Voyager", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/planets-with-metallic-reflective-effect_23-2150253961.jpg" },
|
||||
{ id: "5", name: "Retro Neon Vibes", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/comic-lettering-wow-retro-pop-art-style-with-shadow_23-2147948801.jpg" },
|
||||
{ id: "6", name: "Morning Roast", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-coffee-cartoon-illustration_52683-126795.jpg" },
|
||||
]}
|
||||
title="Best-Selling Sticker Collection"
|
||||
description="Discover our most popular sticker designs favored by artists, businesses, and collectors alike."
|
||||
@@ -198,27 +111,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Vinyl",
|
||||
description: "UV-resistant and waterproof material.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/acid-holi-festival-stickers-collection_23-2150089175.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/plants-flowers-stickers-collection-with-fox_23-2150420296.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Holographic Finish",
|
||||
description: "Eye-catching iridescent effects for designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retro-sticker-collection_23-2150219026.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/flat-design-mosaic-birthday-label-badges_23-2149211249.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Precision Die-Cut",
|
||||
description: "Custom shapes tailored exactly to your art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-white-rose-bouquet-branch-floral-sticker-illustration_21799-12476.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/gingko-leaf-border-background-yellow-watercolor-autumn-season_53876-165482.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{ title: "Premium Vinyl", description: "UV-resistant and waterproof material.", imageSrc: "http://img.b2bpic.net/free-vector/acid-holi-festival-stickers-collection_23-2150089175.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/plants-flowers-stickers-collection-with-fox_23-2150420296.jpg", buttonText: "Learn More" },
|
||||
{ title: "Holographic Finish", description: "Eye-catching iridescent effects for designs.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retro-sticker-collection_23-2150219026.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/flat-design-mosaic-birthday-label-badges_23-2149211249.jpg", buttonText: "Learn More" },
|
||||
{ title: "Precision Die-Cut", description: "Custom shapes tailored exactly to your art.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-white-rose-bouquet-branch-floral-sticker-illustration_21799-12476.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/gingko-leaf-border-background-yellow-watercolor-autumn-season_53876-165482.jpg", buttonText: "Learn More" },
|
||||
]}
|
||||
title="Why Choose Our Stickers?"
|
||||
description="We combine advanced print technology with premium materials for the best sticker experience."
|
||||
@@ -229,15 +124,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Adobe",
|
||||
"Canva",
|
||||
"Shopify",
|
||||
"DesignStudio",
|
||||
"Procreate",
|
||||
"Figma",
|
||||
"Skillshare",
|
||||
]}
|
||||
names={["Adobe", "Canva", "Shopify", "DesignStudio", "Procreate", "Figma", "Skillshare"]}
|
||||
title="Trusted by Top Creatives & Brands"
|
||||
description="Join thousands of creators who trust us to bring their brands to life."
|
||||
/>
|
||||
@@ -247,47 +134,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahdesigns",
|
||||
testimonial: "The print quality is simply unmatched. My branding stickers look professional and crisp every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen_studio",
|
||||
testimonial: "Fastest shipping I have experienced for custom die-cut orders. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily.creative",
|
||||
testimonial: "Absolutely love the holographic finish! It makes my art pop perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim_art",
|
||||
testimonial: "Super easy to use and their customer support is truly helpful for design questions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Olivia Smith",
|
||||
handle: "@olivia.creates",
|
||||
testimonial: "Sturdy material that holds up perfectly on my laptop and water bottles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586560.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahdesigns", testimonial: "The print quality is simply unmatched. My branding stickers look professional and crisp every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen_studio", testimonial: "Fastest shipping I have experienced for custom die-cut orders. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emily.creative", testimonial: "Absolutely love the holographic finish! It makes my art pop perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim_art", testimonial: "Super easy to use and their customer support is truly helpful for design questions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg" },
|
||||
{ id: "5", name: "Olivia Smith", handle: "@olivia.creates", testimonial: "Sturdy material that holds up perfectly on my laptop and water bottles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586560.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Community Says"
|
||||
@@ -300,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does shipping take?",
|
||||
content: "Our typical turnaround time is 24 hours, plus 3-5 days shipping.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer bulk discounts?",
|
||||
content: "Yes, bulk discounts apply for orders of 500+ stickers.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I use my own artwork?",
|
||||
content: "Absolutely! Just upload your file in high resolution (300dpi).",
|
||||
},
|
||||
{ id: "1", title: "How long does shipping take?", content: "Our typical turnaround time is 24 hours, plus 3-5 days shipping." },
|
||||
{ id: "2", title: "Do you offer bulk discounts?", content: "Yes, bulk discounts apply for orders of 500+ stickers." },
|
||||
{ id: "3", title: "Can I use my own artwork?", content: "Absolutely! Just upload your file in high resolution (300dpi)." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/potato-chip-held-colored-background_23-2148258424.jpg"
|
||||
imageAlt="Custom sticker quality"
|
||||
@@ -327,16 +168,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to bring your ideas to life? Start your custom sticker project today and join our creative community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -345,54 +179,24 @@ export default function LandingPage() {
|
||||
logoText="StickerStudio"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Browse All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Custom Stickers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sticker Packs",
|
||||
href: "#",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "Browse All", href: "#products" },
|
||||
{ label: "Custom Stickers", href: "#" },
|
||||
{ label: "Sticker Packs", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bulk Pricing",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#faq" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Bulk Pricing", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Story", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user