Merge version_2 into main #4
232
src/app/page.tsx
232
src/app/page.tsx
@@ -30,27 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="VibeyCases"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -59,63 +49,38 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Express Yourself, One Case at a Time"
|
||||
description="Bold designs meet premium protection. Customize your phone and vibe with stickers that match your mood."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex P.",
|
||||
handle: "@alex_vibes",
|
||||
testimonial: "Obsessed with my new phone case! The design is even better in person and it feels super durable. Definitely coming back for more stickers!",
|
||||
rating: 5,
|
||||
name: "Alex P.", handle: "@alex_vibes", testimonial: "Obsessed with my new phone case! The design is even better in person and it feels super durable. Definitely coming back for more stickers!", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Jordan L.",
|
||||
handle: "@jordan_creats",
|
||||
testimonial: "Finally found a shop that gets my style. The stickers are amazing quality and the phone cases are so unique. My friends are all asking where I got them!",
|
||||
rating: 5,
|
||||
name: "Jordan L.", handle: "@jordan_creats", testimonial: "Finally found a shop that gets my style. The stickers are amazing quality and the phone cases are so unique. My friends are all asking where I got them!", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@sam_reviews",
|
||||
testimonial: "Fast shipping and awesome products! My phone looks completely new and personalized. The colors are so vibrant and truly stand out.",
|
||||
rating: 5,
|
||||
name: "Sam K.", handle: "@sam_reviews", testimonial: "Fast shipping and awesome products! My phone looks completely new and personalized. The colors are so vibrant and truly stand out.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Taylor M.",
|
||||
handle: "@taylor_tech",
|
||||
testimonial: "Love the variety of designs! It was hard to choose just one. The case fits perfectly and feels premium. Highly recommend for unique tech flair.",
|
||||
rating: 5,
|
||||
name: "Taylor M.", handle: "@taylor_tech", testimonial: "Love the variety of designs! It was hard to choose just one. The case fits perfectly and feels premium. Highly recommend for unique tech flair.", rating: 5,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-winter-beanie-feeling-uncomfortable-discomfort-clenching-teeth-frow_1258-81447.jpg",
|
||||
alt: "Customer avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-winter-beanie-feeling-uncomfortable-discomfort-clenching-teeth-frow_1258-81447.jpg", alt: "Customer avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-handsome-man-posing-with-copy-space_23-2148560968.jpg",
|
||||
alt: "Customer avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-handsome-man-posing-with-copy-space_23-2148560968.jpg", alt: "Customer avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419463.jpg",
|
||||
alt: "Customer avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419463.jpg", alt: "Customer avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-glasses-orange-shirt-with-pensive-expression-face-thinking-standing-green-wall_141793-61023.jpg",
|
||||
alt: "Customer avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-glasses-orange-shirt-with-pensive-expression-face-thinking-standing-green-wall_141793-61023.jpg", alt: "Customer avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-cheerful-woman-closes-eyes-smiles-with-pleasure-wears-casual-green-t-shirt-hears-pleasant-words-support-isolated-pink-wall-happy-emotions-feelings_273609-39744.jpg",
|
||||
alt: "Customer avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-cheerful-woman-closes-eyes-smiles-with-pleasure-wears-casual-green-t-shirt-hears-pleasant-words-support-isolated-pink-wall-happy-emotions-feelings_273609-39744.jpg", alt: "Customer avatar 5"},
|
||||
]}
|
||||
avatarText="Join 10k+ happy customers"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4948.jpg"
|
||||
@@ -132,53 +97,17 @@ export default function LandingPage() {
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "case-abstract-vibe",
|
||||
name: "Abstract Vibe Case",
|
||||
price: "$29.99",
|
||||
variant: "iPhone 15 Pro Max",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-book-smartphone-flowers_23-2148213911.jpg",
|
||||
imageAlt: "Colorful abstract phone case",
|
||||
},
|
||||
id: "case-abstract-vibe", name: "Abstract Vibe Case", price: "$29.99", variant: "iPhone 15 Pro Max", imageSrc: "http://img.b2bpic.net/free-photo/top-view-book-smartphone-flowers_23-2148213911.jpg", imageAlt: "Colorful abstract phone case"},
|
||||
{
|
||||
id: "case-pastel-dream",
|
||||
name: "Pastel Dream Case",
|
||||
price: "$29.99",
|
||||
variant: "Samsung Galaxy S24 Ultra",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-blurred-covers-set_23-2148997899.jpg",
|
||||
imageAlt: "Pastel gradient phone case",
|
||||
},
|
||||
id: "case-pastel-dream", name: "Pastel Dream Case", price: "$29.99", variant: "Samsung Galaxy S24 Ultra", imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-blurred-covers-set_23-2148997899.jpg", imageAlt: "Pastel gradient phone case"},
|
||||
{
|
||||
id: "case-street-art",
|
||||
name: "Street Art Case",
|
||||
price: "$29.99",
|
||||
variant: "Google Pixel 8 Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-halloween-instagram-stories-collection_23-2149119875.jpg",
|
||||
imageAlt: "Bold graphic street art phone case",
|
||||
},
|
||||
id: "case-street-art", name: "Street Art Case", price: "$29.99", variant: "Google Pixel 8 Pro", imageSrc: "http://img.b2bpic.net/free-vector/flat-halloween-instagram-stories-collection_23-2149119875.jpg", imageAlt: "Bold graphic street art phone case"},
|
||||
{
|
||||
id: "sticker-kawaii-pack",
|
||||
name: "Kawaii Sticker Pack",
|
||||
price: "$9.99",
|
||||
variant: "5-pack assorted",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/monochrome-video-gaming-stickers-collection_52683-100165.jpg",
|
||||
imageAlt: "Cute kawaii sticker pack",
|
||||
},
|
||||
id: "sticker-kawaii-pack", name: "Kawaii Sticker Pack", price: "$9.99", variant: "5-pack assorted", imageSrc: "http://img.b2bpic.net/free-vector/monochrome-video-gaming-stickers-collection_52683-100165.jpg", imageAlt: "Cute kawaii sticker pack"},
|
||||
{
|
||||
id: "sticker-motivational",
|
||||
name: "Motivational Sticker Set",
|
||||
price: "$12.99",
|
||||
variant: "4-pack quotes",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/travel-sticker-collection-70s-style_23-2148380186.jpg",
|
||||
imageAlt: "Motivational quotes sticker set",
|
||||
},
|
||||
id: "sticker-motivational", name: "Motivational Sticker Set", price: "$12.99", variant: "4-pack quotes", imageSrc: "http://img.b2bpic.net/free-vector/travel-sticker-collection-70s-style_23-2148380186.jpg", imageAlt: "Motivational quotes sticker set"},
|
||||
{
|
||||
id: "sticker-space-adventure",
|
||||
name: "Space Adventure Stickers",
|
||||
price: "$11.99",
|
||||
variant: "6-pack cosmos",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pack-hand-drawn-space-stickers_23-2148262669.jpg",
|
||||
imageAlt: "Space themed sticker pack",
|
||||
},
|
||||
id: "sticker-space-adventure", name: "Space Adventure Stickers", price: "$11.99", variant: "6-pack cosmos", imageSrc: "http://img.b2bpic.net/free-vector/pack-hand-drawn-space-stickers_23-2148262669.jpg", imageAlt: "Space themed sticker pack"},
|
||||
]}
|
||||
title="Explore Our Vibe-Filled Collection"
|
||||
description="Dive into a world of unique phone cases and expressive stickers. Find your perfect match to customize your device and reflect your individuality."
|
||||
@@ -192,6 +121,11 @@ export default function LandingPage() {
|
||||
description="At Vibey Cases, we believe your phone is more than just a device—it's an extension of your personality. We're passionate about creating unique, high-quality phone cases and expressive stickers that empower you to showcase your individuality and match your mood, whatever your vibe."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-talking-video-call_23-2150812789.jpg"
|
||||
imageAlt="Person holding phone with case and laptop with stickers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Our Collection", href: "#products"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -203,37 +137,17 @@ export default function LandingPage() {
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Student",
|
||||
company: "University of Arts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cozy-wear-outdoors_624325-539.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Student", company: "University of Arts", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cozy-wear-outdoors_624325-539.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
role: "Content Creator",
|
||||
company: "VlogMaster",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg",
|
||||
},
|
||||
id: "2", name: "Mark L.", role: "Content Creator", company: "VlogMaster", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica M.",
|
||||
role: "Graphic Designer",
|
||||
company: "CreativeFlow Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-friends-city_23-2148737848.jpg",
|
||||
},
|
||||
id: "3", name: "Jessica M.", role: "Graphic Designer", company: "CreativeFlow Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-friends-city_23-2148737848.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Daniel S.",
|
||||
role: "Entrepreneur",
|
||||
company: "Startup Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-playful-curly-haired-woman-keeps-palms-raised-tries-entertain-you-smiles-broadly-has-fun-wears-casual-poloneck-leather-jacket-isolated-vivid-red-background-happiness-concept_273609-59242.jpg",
|
||||
},
|
||||
id: "4", name: "Daniel S.", role: "Entrepreneur", company: "Startup Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-playful-curly-haired-woman-keeps-palms-raised-tries-entertain-you-smiles-broadly-has-fun-wears-casual-poloneck-leather-jacket-isolated-vivid-red-background-happiness-concept_273609-59242.jpg"},
|
||||
]}
|
||||
title="What Our Vibers Say"
|
||||
description="Don't just take our word for it—see what our amazing customers have to say about expressing themselves with Vibey Cases & Stickers!"
|
||||
@@ -246,25 +160,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What materials are your phone cases made from?",
|
||||
content: "Our phone cases are made from durable, impact-resistant polycarbonate and TPU materials, ensuring premium protection for your device while maintaining a sleek profile.",
|
||||
},
|
||||
id: "q1", title: "What materials are your phone cases made from?", content: "Our phone cases are made from durable, impact-resistant polycarbonate and TPU materials, ensuring premium protection for your device while maintaining a sleek profile."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does shipping take?",
|
||||
content: "Standard shipping typically takes 5-7 business days within the domestic region. Expedited shipping options are available at checkout for faster delivery.",
|
||||
},
|
||||
id: "q2", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days within the domestic region. Expedited shipping options are available at checkout for faster delivery."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return or exchange a product?",
|
||||
content: "Yes, we offer returns and exchanges within 30 days of purchase, provided the items are in their original condition. Please see our full return policy for more details.",
|
||||
},
|
||||
id: "q3", title: "Can I return or exchange a product?", content: "Yes, we offer returns and exchanges within 30 days of purchase, provided the items are in their original condition. Please see our full return policy for more details."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are your stickers waterproof?",
|
||||
content: "Absolutely! Our stickers are made from high-quality, weather-resistant vinyl, making them perfect for water bottles, laptops, and outdoor use. They're designed to withstand the elements without fading.",
|
||||
},
|
||||
id: "q4", title: "Are your stickers waterproof?", content: "Absolutely! Our stickers are made from high-quality, weather-resistant vinyl, making them perfect for water bottles, laptops, and outdoor use. They're designed to withstand the elements without fading."},
|
||||
]}
|
||||
title="Got Questions? We've Got Answers!"
|
||||
description="Find quick solutions to our most common queries about orders, shipping, product care, and personalization options."
|
||||
@@ -276,8 +178,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Reach Out & Let Your Vibe Be Heard"
|
||||
description="Have a question about an order, a design idea, or just want to share your latest haul? We're here to help you connect and express yourself!"
|
||||
@@ -294,62 +195,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Phone Cases",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Phone Cases", href: "#products"},
|
||||
{
|
||||
label: "Stickers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Stickers", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sale", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
{
|
||||
label: "Track Order",
|
||||
href: "#",
|
||||
},
|
||||
label: "Track Order", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user