bender/5a998487-e801-40c8-a220-fb5699e36e84
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-26 02:38:16 +00:00
parent 9584ce6083
commit 845cd527e0
1 changed files with 76 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

248
src/app/page.tsx
View File

@@ -31,40 +31,27 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "home",
href: "/",
name: "Home", id: "home"
},
{
name: "Shop",
id: "shop",
href: "/shop",
name: "Shop", id: "shop"
},
{
name: "Features",
id: "features",
href: "#features",
name: "Features", id: "features"
},
{
name: "About Us",
id: "about",
href: "/about",
name: "About Us", id: "about"
},
{
name: "FAQs",
id: "faqs",
href: "/faqs",
name: "FAQs", id: "faqs"
},
{
name: "Contact",
id: "contact",
href: "/contact",
},
name: "Contact", id: "contact"
}
]}
brandName="CaseBuddy"
button={{
text: "Get Your Case",
href: "/shop",
text: "Get Your Case", href: "/shop"
}}
/>
</div>
@@ -72,20 +59,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
variant: "radial-gradient"
}}
imagePosition="right"
title="Protect Your Tech, Express Your Style with CaseBuddy"
description="Discover a diverse collection of premium phone cases designed to safeguard your device while perfectly matching your unique personality. From rugged protection to sleek aesthetics, find your perfect CaseBuddy."
buttons={[
{
text: "Shop All Cases",
href: "/shop",
text: "Shop All Cases", href: "/shop"
},
{
text: "Discover Your Style",
href: "#features",
},
text: "Discover Your Style", href: "#features"
}
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168481.jpg"
imageAlt="Collection of various stylish phone cases on display"
@@ -98,19 +83,16 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "About ",
type: "text", content: "About "
},
{
type: "text",
content: "CaseBuddy",
},
type: "text", content: "CaseBuddy"
}
]}
buttons={[
{
text: "Our Story",
href: "/about",
},
text: "Our Story", href: "/about"
}
]}
/>
</div>
@@ -122,53 +104,35 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "durability",
label: "Built to Last",
title: "Unrivaled Protection",
items: [
"Military-grade drop protection",
"Scratch and impact resistance",
"Reinforced corners for extra safety",
id: "durability", label: "Built to Last", title: "Unrivaled Protection", items: [
"Military-grade drop protection", "Scratch and impact resistance", "Reinforced corners for extra safety"
],
buttons: [
{
text: "Explore Durability",
href: "/shop#rugged",
},
],
text: "Explore Durability", href: "/shop#rugged"
}
]
},
{
id: "style",
label: "Express Yourself",
title: "Trendsetting Designs",
items: [
"Vast selection of colors and patterns",
"Slim profile with ergonomic grip",
"Exclusive artist collaborations",
id: "style", label: "Express Yourself", title: "Trendsetting Designs", items: [
"Vast selection of colors and patterns", "Slim profile with ergonomic grip", "Exclusive artist collaborations"
],
buttons: [
{
text: "Browse Styles",
href: "/shop#fashion",
},
],
text: "Browse Styles", href: "/shop#fashion"
}
]
},
{
id: "functionality",
label: "Smart & Convenient",
title: "Enhanced Functionality",
items: [
"Wireless charging compatible",
"Precise cutouts for all ports",
"Integrated card holders and stands",
id: "functionality", label: "Smart & Convenient", title: "Enhanced Functionality", items: [
"Wireless charging compatible", "Precise cutouts for all ports", "Integrated card holders and stands"
],
buttons: [
{
text: "See Features",
href: "/shop#functional",
},
],
},
text: "See Features", href: "/shop#functional"
}
]
}
]}
title="Why Choose CaseBuddy?"
description="Explore the innovative features that make CaseBuddy the ultimate choice for your phone's protection and style."
@@ -183,45 +147,24 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "clear-case-pro",
name: "Crystal Clear Pro",
price: "$29.99",
variant: "iPhone 15, Galaxy S24",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4911.jpg",
imageAlt: "Crystal clear phone case",
id: "clear-case-pro", name: "Crystal Clear Pro", price: "$29.99", variant: "iPhone 15, Galaxy S24", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4911.jpg", imageAlt: "Crystal clear phone case"
},
{
id: "leather-folio",
name: "Elegant Leather Folio",
price: "$49.99",
variant: "iPhone, Galaxy, Pixel",
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-objects-fathers-day_23-2148097953.jpg",
imageAlt: "Brown leather folio phone case",
id: "leather-folio", name: "Elegant Leather Folio", price: "$49.99", variant: "iPhone, Galaxy, Pixel", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-objects-fathers-day_23-2148097953.jpg", imageAlt: "Brown leather folio phone case"
},
{
id: "rugged-shield",
name: "Rugged Armor Shield",
price: "$39.99",
variant: "iPhone 15, Galaxy S24",
imageSrc: "http://img.b2bpic.net/free-photo/football-fan-accessories_23-2147827577.jpg",
imageAlt: "Heavy duty rugged phone case",
id: "rugged-shield", name: "Rugged Armor Shield", price: "$39.99", variant: "iPhone 15, Galaxy S24", imageSrc: "http://img.b2bpic.net/free-photo/football-fan-accessories_23-2147827577.jpg", imageAlt: "Heavy duty rugged phone case"
},
{
id: "abstract-grip",
name: "Abstract Art Grip",
price: "$24.99",
variant: "Universal Fit",
imageSrc: "http://img.b2bpic.net/free-vector/business-card_23-2148106267.jpg",
imageAlt: "Phone case with an abstract artistic pattern",
},
id: "abstract-grip", name: "Abstract Art Grip", price: "$24.99", variant: "Universal Fit", imageSrc: "http://img.b2bpic.net/free-vector/business-card_23-2148106267.jpg", imageAlt: "Phone case with an abstract artistic pattern"
}
]}
title="Our Bestselling Cases"
description="Discover our most popular phone cases, loved by customers for their perfect blend of protection and style."
buttons={[
{
text: "View All Products",
href: "/shop",
},
text: "View All Products", href: "/shop"
}
]}
/>
</div>
@@ -231,35 +174,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sophia L.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
imageAlt: "Sophia L. avatar",
id: "1", name: "Sophia L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", imageAlt: "Sophia L. avatar"
},
{
id: "2",
name: "Marcus T.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveling-around-world_23-2148195196.jpg",
imageAlt: "Marcus T. avatar",
id: "2", name: "Marcus T.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveling-around-world_23-2148195196.jpg", imageAlt: "Marcus T. avatar"
},
{
id: "3",
name: "Chloe K.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-woman-artistic-portrait_23-2148321265.jpg",
imageAlt: "Chloe K. avatar",
id: "3", name: "Chloe K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-woman-artistic-portrait_23-2148321265.jpg", imageAlt: "Chloe K. avatar"
},
{
id: "4",
name: "Daniel P.",
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg",
imageAlt: "Daniel P. avatar",
id: "4", name: "Daniel P.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg", imageAlt: "Daniel P. avatar"
},
{
id: "5",
name: "Olivia M.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1396.jpg",
imageAlt: "Olivia M. avatar",
},
id: "5", name: "Olivia M.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1396.jpg", imageAlt: "Olivia M. avatar"
}
]}
cardTitle="Hear From Our Happy Customers"
cardTag="Rave Reviews"
@@ -273,33 +201,24 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What phone models do you support?",
content: "CaseBuddy offers cases for a wide range of iPhone, Samsung Galaxy, Google Pixel, and other popular smartphone models. Please check the product page for specific model compatibility.",
id: "faq-1", title: "What phone models do you support?", content: "CaseBuddy offers cases for a wide range of iPhone, Samsung Galaxy, Google Pixel, and other popular smartphone models. Please check the product page for specific model compatibility."
},
{
id: "faq-2",
title: "What materials are your cases made from?",
content: "Our cases are crafted from premium materials including durable polycarbonate, flexible TPU, genuine leather, and sustainable eco-friendly compounds, depending on the product line.",
id: "faq-2", title: "What materials are your cases made from?", content: "Our cases are crafted from premium materials including durable polycarbonate, flexible TPU, genuine leather, and sustainable eco-friendly compounds, depending on the product line."
},
{
id: "faq-3",
title: "Do your cases support wireless charging?",
content: "Yes, almost all CaseBuddy cases are designed to be fully compatible with wireless charging, ensuring convenience without compromising protection. Specific product details will confirm compatibility.",
id: "faq-3", title: "Do your cases support wireless charging?", content: "Yes, almost all CaseBuddy cases are designed to be fully compatible with wireless charging, ensuring convenience without compromising protection. Specific product details will confirm compatibility."
},
{
id: "faq-4",
title: "What is your return policy?",
content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your CaseBuddy purchase, you can return it within 30 days for a full refund or exchange. See our full return policy for details.",
},
id: "faq-4", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your CaseBuddy purchase, you can return it within 30 days for a full refund or exchange. See our full return policy for details."
}
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about CaseBuddy products and services."
buttons={[
{
text: "View All FAQs",
href: "/faqs",
},
text: "View All FAQs", href: "/faqs"
}
]}
faqsAnimation="slide-up"
/>
@@ -309,7 +228,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
variant: "plain"
}}
tag="Get in Touch"
title="Need Help? Contact Our Team!"
@@ -327,68 +246,53 @@ export default function LandingPage() {
<FooterBaseReveal
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "iPhone Cases",
href: "/shop#iphone",
label: "iPhone Cases", href: "/shop#iphone"
},
{
label: "Samsung Cases",
href: "/shop#samsung",
label: "Samsung Cases", href: "/shop#samsung"
},
{
label: "Pixel Cases",
href: "/shop#pixel",
label: "Pixel Cases", href: "/shop#pixel"
},
{
label: "Accessories",
href: "/shop#accessories",
},
],
label: "Accessories", href: "/shop#accessories"
}
]
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
label: "About Us", href: "/about"
},
{
label: "Features",
href: "#features",
label: "Features", href: "#features"
},
{
label: "Testimonials",
href: "#testimonials",
label: "Testimonials", href: "#testimonials"
},
{
label: "FAQs",
href: "/faqs",
},
],
label: "FAQs", href: "/faqs"
}
]
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact Us",
href: "/contact",
label: "Contact Us", href: "/contact"
},
{
label: "Shipping & Returns",
href: "/shipping",
label: "Shipping & Returns", href: "/shipping"
},
{
label: "Warranty",
href: "/warranty",
label: "Warranty", href: "/warranty"
},
{
label: "Privacy Policy",
href: "/privacy",
},
],
},
label: "Privacy Policy", href: "/privacy"
}
]
}
]}
copyrightText="© 2024 CaseBuddy. All rights reserved."
/>