Merge version_1 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -29,27 +29,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="StickerVerse"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
}}
|
||||
button={{ text: "Shop Now" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,70 +44,20 @@ export default function LandingPage() {
|
||||
title="Redefining Stickers in 3D & 8D"
|
||||
description="Experience depth and dimensions like never before. Our new collection of advanced digital stickers brings your creative projects to life."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@alexdesign",
|
||||
testimonial: "The 8D effects are absolutely stunning. My UI projects look incredible!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jamie Lee",
|
||||
handle: "@jamiecreations",
|
||||
testimonial: "Top-tier sticker quality. Unmatched 3D depth and detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512132.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
handle: "@samtaylor",
|
||||
testimonial: "Futuristic designs that fit my brand perfectly. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Casey White",
|
||||
handle: "@caseywhite",
|
||||
testimonial: "These stickers are a game changer for my digital art.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346507.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Morgan Black",
|
||||
handle: "@mblackart",
|
||||
testimonial: "Unique 8D visual style that pops off the screen!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unhappy-indian-programmer-looking-computer-pc-screen_231208-3666.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{ name: "Alex Rivers", handle: "@alexdesign", testimonial: "The 8D effects are absolutely stunning. My UI projects look incredible!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg" },
|
||||
{ name: "Jamie Lee", handle: "@jamiecreations", testimonial: "Top-tier sticker quality. Unmatched 3D depth and detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512132.jpg" },
|
||||
{ name: "Sam Taylor", handle: "@samtaylor", testimonial: "Futuristic designs that fit my brand perfectly. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg" },
|
||||
{ name: "Casey White", handle: "@caseywhite", testimonial: "These stickers are a game changer for my digital art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346507.jpg" },
|
||||
{ name: "Morgan Black", handle: "@mblackart", testimonial: "Unique 8D visual style that pops off the screen!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/unhappy-indian-programmer-looking-computer-pc-screen_231208-3666.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/row-blue-liquid-glasses-with-shadow-colored-background_23-2147949151.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512132.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346507.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unhappy-indian-programmer-looking-computer-pc-screen_231208-3666.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512132.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346507.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/unhappy-indian-programmer-looking-computer-pc-screen_231208-3666.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ creative professionals"
|
||||
/>
|
||||
@@ -133,21 +69,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "8D Depth Rendering",
|
||||
description: "Layers of depth creating immersive visual experiences.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "High-Res 3D Detail",
|
||||
description: "Uncompromised resolution for all your designs.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Futuristic Aesthetics",
|
||||
description: "Stay ahead with the latest design trends.",
|
||||
},
|
||||
{ icon: Zap, title: "8D Depth Rendering", description: "Layers of depth creating immersive visual experiences." },
|
||||
{ icon: Shield, title: "High-Res 3D Detail", description: "Uncompromised resolution for all your designs." },
|
||||
{ icon: Star, title: "Futuristic Aesthetics", description: "Stay ahead with the latest design trends." },
|
||||
]}
|
||||
title="Why Our Sticker Technology?"
|
||||
description="Engineered for high performance and visual impact."
|
||||
@@ -156,46 +80,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Holo-Cube 3D",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-letters-alphabet_23-2150499156.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Deep-Space 8D Sphere",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ferromagnetic-fluid-with-warm-colours-shades_23-2148253617.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Neon-Trim Abstract",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vector-banner-label-collection_53876-81465.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cyberpunk Edge",
|
||||
price: "$14.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204980.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Crystal-Core 3D",
|
||||
price: "$11.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-technology-background-with-connecting-lines-dots_1048-14613.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Glossy-Interface Badge",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-round-sticker-realistic-circle-adhesive-sticker-tags-with-peeling-corners_145391-1508.jpg",
|
||||
},
|
||||
{ id: "1", name: "Holo-Cube 3D", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-letters-alphabet_23-2150499156.jpg" },
|
||||
{ id: "2", name: "Deep-Space 8D Sphere", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ferromagnetic-fluid-with-warm-colours-shades_23-2148253617.jpg" },
|
||||
{ id: "3", name: "Neon-Trim Abstract", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-vector/vector-banner-label-collection_53876-81465.jpg" },
|
||||
{ id: "4", name: "Cyberpunk Edge", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204980.jpg" },
|
||||
{ id: "5", name: "Crystal-Core 3D", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-technology-background-with-connecting-lines-dots_1048-14613.jpg" },
|
||||
{ id: "6", name: "Glossy-Interface Badge", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-vector/black-round-sticker-realistic-circle-adhesive-sticker-tags-with-peeling-corners_145391-1508.jpg" },
|
||||
]}
|
||||
title="Latest 3D & 8D Arrivals"
|
||||
description="Choose from our premium selection of dimensional stickers."
|
||||
@@ -208,41 +103,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
handle: "@alexdesign",
|
||||
testimonial: "Absolutely obsessed with these new 8D designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie Lee",
|
||||
handle: "@jamiecreations",
|
||||
testimonial: "Sticker quality is unmatched. Pure visual art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512132.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Taylor",
|
||||
handle: "@samtaylor",
|
||||
testimonial: "Essential for my projects now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey White",
|
||||
handle: "@caseywhite",
|
||||
testimonial: "Fast delivery and futuristic designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346507.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Morgan Black",
|
||||
handle: "@mblackart",
|
||||
testimonial: "The best 3D stickers I've ever purchased.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unhappy-indian-programmer-looking-computer-pc-screen_231208-3666.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Alex Rivers", handle: "@alexdesign", testimonial: "Absolutely obsessed with these new 8D designs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg" },
|
||||
{ id: "t2", name: "Jamie Lee", handle: "@jamiecreations", testimonial: "Sticker quality is unmatched. Pure visual art.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512132.jpg" },
|
||||
{ id: "t3", name: "Sam Taylor", handle: "@samtaylor", testimonial: "Essential for my projects now.", imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg" },
|
||||
{ id: "t4", name: "Casey White", handle: "@caseywhite", testimonial: "Fast delivery and futuristic designs.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346507.jpg" },
|
||||
{ id: "t5", name: "Morgan Black", handle: "@mblackart", testimonial: "The best 3D stickers I've ever purchased.", imageSrc: "http://img.b2bpic.net/free-photo/unhappy-indian-programmer-looking-computer-pc-screen_231208-3666.jpg" },
|
||||
]}
|
||||
title="From the Creative Community"
|
||||
description="See how creators use our dimensional sticker designs."
|
||||
@@ -255,30 +120,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Innovative Brands"
|
||||
description="Powering the digital assets for industry-leading creative studios."
|
||||
names={[
|
||||
"Neon Dynamics",
|
||||
"Flux Creative",
|
||||
"CyberStudio",
|
||||
"Depth Labs",
|
||||
"PixelShift",
|
||||
]}
|
||||
names={["Neon Dynamics", "Flux Creative", "CyberStudio", "Depth Labs", "PixelShift"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="StickerVerse"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user