Merge version_1 into main #1
194
src/app/page.tsx
194
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "categories",
|
||||
},
|
||||
name: "Collections", id: "categories"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-choose-us",
|
||||
},
|
||||
name: "Why Us", id: "why-choose-us"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="PosterWall"
|
||||
/>
|
||||
@@ -55,51 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Turn Your Walls Into a Story"
|
||||
description="Premium posters for every passion. High-quality prints that bring life to your living space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Posters",
|
||||
href: "#categories",
|
||||
},
|
||||
text: "Browse Posters", href: "#categories"},
|
||||
{
|
||||
text: "Order on WhatsApp",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
text: "Order on WhatsApp", href: "https://wa.me/919999999999"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-practicing-japanese-handwriting-with-brush-ink_23-2149124230.jpg",
|
||||
imageAlt: "Anime poster design mockup",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/man-practicing-japanese-handwriting-with-brush-ink_23-2149124230.jpg", imageAlt: "Anime poster design mockup"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706299.jpg",
|
||||
imageAlt: "Vintage car poster art",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706299.jpg", imageAlt: "Vintage car poster art"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-blue-cassette-tape-message-board-with-earphone-turquoise-backdrop_23-2147889295.jpg",
|
||||
imageAlt: "Modern music poster art",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/transparent-blue-cassette-tape-message-board-with-earphone-turquoise-backdrop_23-2147889295.jpg", imageAlt: "Modern music poster art"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728211.jpg",
|
||||
imageAlt: "Bike culture poster design",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728211.jpg", imageAlt: "Bike culture poster design"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-movies-theatre-media-entertainment-digital-tablet_53876-124333.jpg",
|
||||
imageAlt: "Cinematic movie poster design",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/illustration-movies-theatre-media-entertainment-digital-tablet_53876-124333.jpg", imageAlt: "Cinematic movie poster design"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732522.jpg",
|
||||
imageAlt: "Superhero comic poster design",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732522.jpg", imageAlt: "Superhero comic poster design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,34 +81,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Anime Posters",
|
||||
description: "Curated collection of your favorite anime series.",
|
||||
},
|
||||
title: "Anime Posters", description: "Curated collection of your favorite anime series."},
|
||||
{
|
||||
icon: Car,
|
||||
title: "Car Posters",
|
||||
description: "Vintage and modern automotive legends.",
|
||||
},
|
||||
title: "Car Posters", description: "Vintage and modern automotive legends."},
|
||||
{
|
||||
icon: Package,
|
||||
title: "Bike Posters",
|
||||
description: "For the love of two-wheeled journeys.",
|
||||
},
|
||||
title: "Bike Posters", description: "For the love of two-wheeled journeys."},
|
||||
{
|
||||
icon: Film,
|
||||
title: "Movie Posters",
|
||||
description: "Iconic cinema moments captured in print.",
|
||||
},
|
||||
title: "Movie Posters", description: "Iconic cinema moments captured in print."},
|
||||
{
|
||||
icon: Music,
|
||||
title: "Music Posters",
|
||||
description: "Feel the beat with artist and album art.",
|
||||
},
|
||||
title: "Music Posters", description: "Feel the beat with artist and album art."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Superhero",
|
||||
description: "Marvel and comic legends on your wall.",
|
||||
},
|
||||
title: "Superhero", description: "Marvel and comic legends on your wall."},
|
||||
]}
|
||||
title="Explore Our Collections"
|
||||
description="From anime and cinema to music and motors, find posters that resonate with you."
|
||||
@@ -154,41 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cyberpunk Anime Print",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-white-skeleton-piece-paper_23-2147908363.jpg",
|
||||
},
|
||||
id: "p1", name: "Cyberpunk Anime Print", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/little-white-skeleton-piece-paper_23-2147908363.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vintage Muscle Car",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706295.jpg",
|
||||
},
|
||||
id: "p2", name: "Vintage Muscle Car", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706295.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Midnight Vibe Vinyl",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-card-with-black-lives-matter-multicolored-paper_23-2148802405.jpg",
|
||||
},
|
||||
id: "p3", name: "Midnight Vibe Vinyl", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/top-view-card-with-black-lives-matter-multicolored-paper_23-2148802405.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sport Bike Racer",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124096.jpg",
|
||||
},
|
||||
id: "p4", name: "Sport Bike Racer", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124096.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cinematic Noir",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-tickets-popcorn-border_23-2147698936.jpg",
|
||||
},
|
||||
id: "p5", name: "Cinematic Noir", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-tickets-popcorn-border_23-2147698936.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hero Squad Comic",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732517.jpg",
|
||||
},
|
||||
id: "p6", name: "Hero Squad Comic", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732517.jpg"},
|
||||
]}
|
||||
title="Featured Designs"
|
||||
description="Choose your favorites and order directly on WhatsApp."
|
||||
@@ -201,33 +134,26 @@ export default function LandingPage() {
|
||||
title="Why Choose Our Posters?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Ordering",
|
||||
href: "#posters",
|
||||
},
|
||||
text: "Start Ordering", href: "#posters"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Search,
|
||||
title: "Pick Your Art",
|
||||
description: "Select from our vast curated catalog.",
|
||||
},
|
||||
title: "Pick Your Art", description: "Select from our vast curated catalog."},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
title: "WhatsApp Order",
|
||||
description: "Just click order and send us your selection.",
|
||||
},
|
||||
title: "WhatsApp Order", description: "Just click order and send us your selection."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast Delivery",
|
||||
description: "Pan-India shipping to your door.",
|
||||
},
|
||||
title: "Fast Delivery", description: "Pan-India shipping to your door."},
|
||||
]}
|
||||
title="Simple 3-Step Process"
|
||||
description="Bringing your art home is easier than ever."
|
||||
@@ -242,25 +168,15 @@ export default function LandingPage() {
|
||||
author="Rahul Sharma"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-blue-t-shirt-white-suit-jacket-standing-arms-crossed-looking-serious_176474-83852.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-blue-t-shirt-white-suit-jacket-standing-arms-crossed-looking-serious_176474-83852.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-woman-sitting-office-chair-desk-with-laptop-posing-with-clasped-hands_1098-17571.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-woman-sitting-office-chair-desk-with-laptop-posing-with-clasped-hands_1098-17571.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/simple-cover-pastel-boho_272375-1803.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/simple-cover-pastel-boho_272375-1803.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -273,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What sizes are available?",
|
||||
content: "We offer A4, A3, and A2 sizes.",
|
||||
},
|
||||
id: "q1", title: "What sizes are available?", content: "We offer A4, A3, and A2 sizes."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you deliver pan-India?",
|
||||
content: "Yes, we ship everywhere in India.",
|
||||
},
|
||||
id: "q2", title: "Do you deliver pan-India?", content: "Yes, we ship everywhere in India."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the paper quality good?",
|
||||
content: "We use premium matte-finish cardstock.",
|
||||
},
|
||||
id: "q3", title: "Is the paper quality good?", content: "We use premium matte-finish cardstock."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -298,8 +205,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to decorate?"
|
||||
title="Find Your Perfect Poster Today"
|
||||
description="Click the button below to start your order on WhatsApp instantly."
|
||||
@@ -311,29 +217,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Anime",
|
||||
href: "#",
|
||||
},
|
||||
label: "Anime", href: "#"},
|
||||
{
|
||||
label: "Cars",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cars", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user