Merge version_1 into main #2
180
src/app/page.tsx
180
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "categories",
|
||||
},
|
||||
name: "Categories", id: "categories"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
]}
|
||||
brandName="Pixel Nova"
|
||||
/>
|
||||
@@ -52,59 +44,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Posters That Define Your Space"
|
||||
description="Minimal. Futuristic. Aesthetic."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-white-acrylic-balls_23-2148469354.jpg",
|
||||
alt: "Futuristic aesthetic background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-white-acrylic-balls_23-2148469354.jpg", alt: "Futuristic aesthetic background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-white-acrylic-balls_23-2148469354.jpg",
|
||||
alt: "Futuristic aesthetic background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-white-acrylic-balls_23-2148469354.jpg", alt: "Futuristic aesthetic background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-white-acrylic-balls_23-2148469354.jpg",
|
||||
alt: "Futuristic aesthetic background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-white-acrylic-balls_23-2148469354.jpg", alt: "Futuristic aesthetic background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-640220.jpg",
|
||||
alt: "Neon grid poster",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-640220.jpg", alt: "Neon grid poster"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-car-with-abstract-landscape_23-2151005270.jpg",
|
||||
alt: "Cyber car poster",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-car-with-abstract-landscape_23-2151005270.jpg", alt: "Cyber car poster"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimalist Design",
|
||||
},
|
||||
type: "text", text: "Minimalist Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Futuristic Aesthetics",
|
||||
},
|
||||
type: "text", text: "Futuristic Aesthetics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cyberpunk Vibes",
|
||||
},
|
||||
type: "text", text: "Cyberpunk Vibes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Quality Prints",
|
||||
},
|
||||
type: "text", text: "High-Quality Prints"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Art",
|
||||
},
|
||||
type: "text", text: "Curated Art"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,44 +82,21 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Neon Grid",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-640220.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Neon Grid", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-640220.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cyber Car",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-abstract-landscape_23-2151005270.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Cyber Car", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-abstract-landscape_23-2151005270.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cosmic Glow",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-soft-brown-spheres_23-2148235963.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Cosmic Glow", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-soft-brown-spheres_23-2148235963.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Anime Edge",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg?_wi=1",
|
||||
},
|
||||
id: "p4", name: "Anime Edge", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Type Zero",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/poster-banner-template-with-wireframe-pattern_107791-26547.jpg?_wi=1",
|
||||
},
|
||||
id: "p5", name: "Type Zero", price: "$35", imageSrc: "http://img.b2bpic.net/free-vector/poster-banner-template-with-wireframe-pattern_107791-26547.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Arc Structure",
|
||||
price: "$48",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-red-wooden-planks-view_181624-3641.jpg?_wi=1",
|
||||
},
|
||||
id: "p6", name: "Arc Structure", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/cool-background-red-wooden-planks-view_181624-3641.jpg"},
|
||||
]}
|
||||
title="Featured Posters"
|
||||
description="Curated collection of aesthetic prints."
|
||||
@@ -164,33 +110,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Abstract",
|
||||
description: "Minimal shapes and neon gradients.",
|
||||
tag: "01",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-640220.jpg?_wi=2",
|
||||
},
|
||||
id: "c1", title: "Abstract", description: "Minimal shapes and neon gradients.", tag: "01", imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-640220.jpg"},
|
||||
{
|
||||
id: "c2",
|
||||
title: "Anime",
|
||||
description: "High-aesthetic character art.",
|
||||
tag: "02",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg?_wi=2",
|
||||
},
|
||||
id: "c2", title: "Anime", description: "High-aesthetic character art.", tag: "02", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg"},
|
||||
{
|
||||
id: "c3",
|
||||
title: "Automotive",
|
||||
description: "Futuristic car designs.",
|
||||
tag: "03",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-abstract-landscape_23-2151005270.jpg?_wi=2",
|
||||
},
|
||||
id: "c3", title: "Automotive", description: "Futuristic car designs.", tag: "03", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-abstract-landscape_23-2151005270.jpg"},
|
||||
{
|
||||
id: "c4",
|
||||
title: "Minimal",
|
||||
description: "Clean lines and bold type.",
|
||||
tag: "04",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/poster-banner-template-with-wireframe-pattern_107791-26547.jpg?_wi=2",
|
||||
},
|
||||
id: "c4", title: "Minimal", description: "Clean lines and bold type.", tag: "04", imageSrc: "http://img.b2bpic.net/free-vector/poster-banner-template-with-wireframe-pattern_107791-26547.jpg"},
|
||||
]}
|
||||
title="Poster Categories"
|
||||
description="Explore curated collections by style."
|
||||
@@ -202,7 +128,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About Pixel Nova"
|
||||
description="Pixel Nova is a futuristic poster brand dedicated to bringing aesthetic precision to your space. We blend minimal design with high-tech sci-fi vibes to transform your surroundings into a gallery of the future."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-soft-brown-spheres_23-2148235963.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-soft-brown-spheres_23-2148235963.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -215,33 +141,13 @@ export default function LandingPage() {
|
||||
description="See what others are saying about our collections."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Graphic Designer",
|
||||
testimonial: "The neon grid poster is incredible. Perfect lighting for my office.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-640220.jpg?_wi=3",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Graphic Designer", testimonial: "The neon grid poster is incredible. Perfect lighting for my office.", imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-640220.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
testimonial: "Pixel Nova prints have completely redefined my living room aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-abstract-landscape_23-2151005270.jpg?_wi=3",
|
||||
},
|
||||
id: "t2", name: "Sarah J.", role: "Collector", testimonial: "Pixel Nova prints have completely redefined my living room aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-abstract-landscape_23-2151005270.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike T.",
|
||||
role: "Architect",
|
||||
testimonial: "Clean, precise, and sharp. The architectural structure print is a masterpiece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-red-wooden-planks-view_181624-3641.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Mike T.", role: "Architect", testimonial: "Clean, precise, and sharp. The architectural structure print is a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/cool-background-red-wooden-planks-view_181624-3641.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena K.",
|
||||
role: "Gamer",
|
||||
testimonial: "I love the anime line art collection. Brings such a cool vibe to my setup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg?_wi=3",
|
||||
},
|
||||
id: "t4", name: "Elena K.", role: "Gamer", testimonial: "I love the anime line art collection. Brings such a cool vibe to my setup.", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -250,29 +156,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Posters",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Posters", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user