bender/c4267b78-ee47-40ad-9afd-39f3223dde1d
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-05-11 16:44:25 +00:00
parent b40a08683b
commit 004f461a76
1 changed files with 45 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

213
src/app/page.tsx
View File

@@ -34,21 +34,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Support",
id: "faq",
},
name: "Support", id: "faq"},
]}
brandName="CaseCraft"
/>
@@ -57,44 +49,29 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Unrivaled Protection, Unmatched Style."
description="Discover the ultimate blend of elegance and durability. CaseCraft brings you precision-engineered protection that feels as good as it looks."
tag="New 2024 Collection"
tagAnimation="slide-up"
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/golden-iphone-3d-render-dark-background_187299-47162.jpg?_wi=1",
imageAlt: "Premium case product",
},
imageSrc: "http://img.b2bpic.net/free-photo/golden-iphone-3d-render-dark-background_187299-47162.jpg", imageAlt: "Premium case product"},
{
imageSrc: "http://img.b2bpic.net/free-photo/child-holding-cellphone-white-background_58702-5273.jpg?_wi=1",
imageAlt: "Case side profile",
},
imageSrc: "http://img.b2bpic.net/free-photo/child-holding-cellphone-white-background_58702-5273.jpg", imageAlt: "Case side profile"},
{
imageSrc: "http://img.b2bpic.net/free-photo/new-cellphone-with-transparent-cover-isolated-white-background_58702-4653.jpg",
imageAlt: "Luxury case studio shot",
},
imageSrc: "http://img.b2bpic.net/free-photo/new-cellphone-with-transparent-cover-isolated-white-background_58702-4653.jpg", imageAlt: "Luxury case studio shot"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168479.jpg",
imageAlt: "Lifestyle smartphone shot",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168479.jpg", imageAlt: "Lifestyle smartphone shot"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-device-with-minimalist-monochrome-background_23-2150763305.jpg",
imageAlt: "Minimal tech background",
},
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-device-with-minimalist-monochrome-background_23-2150763305.jpg", imageAlt: "Minimal tech background"},
]}
mediaAnimation="slide-up"
/>
@@ -105,24 +82,15 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Built for ",
},
type: "text", content: "Built for "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg",
alt: "Design process",
},
type: "image", src: "http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg", alt: "Design process"},
{
type: "text",
content: " the modern lifestyle.",
},
type: "text", content: " the modern lifestyle."},
]}
buttons={[
{
text: "View Our Story",
href: "#",
},
text: "View Our Story", href: "#"},
]}
/>
</div>
@@ -135,47 +103,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Titanium Shield",
price: "$49",
variant: "Matte Black",
imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4977.jpg",
},
id: "p1", name: "Titanium Shield", price: "$49", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4977.jpg"},
{
id: "p2",
name: "Slim Profile",
price: "$39",
variant: "Midnight Blue",
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-surgical-gloves-cleaning-smartphone_23-2148561086.jpg",
},
id: "p2", name: "Slim Profile", price: "$39", variant: "Midnight Blue", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-surgical-gloves-cleaning-smartphone_23-2148561086.jpg"},
{
id: "p3",
name: "Crystal Clear",
price: "$29",
variant: "Transparent",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072232.jpg",
},
id: "p3", name: "Crystal Clear", price: "$29", variant: "Transparent", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072232.jpg"},
{
id: "p4",
name: "Rugged Terrain",
price: "$59",
variant: "Slate Gray",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168403.jpg",
},
id: "p4", name: "Rugged Terrain", price: "$59", variant: "Slate Gray", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168403.jpg"},
{
id: "p5",
name: "Soft Touch",
price: "$35",
variant: "Sage Green",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4995.jpg",
},
id: "p5", name: "Soft Touch", price: "$35", variant: "Sage Green", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4995.jpg"},
{
id: "p6",
name: "Leather Heritage",
price: "$69",
variant: "Tan Brown",
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060842.jpg",
},
id: "p6", name: "Leather Heritage", price: "$69", variant: "Tan Brown", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060842.jpg"},
]}
title="Shop Our Premium Cases"
description="Find your perfect match among our collection of precision-designed smartphone cases."
@@ -189,28 +127,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Drop Protection",
description: "Military-grade impact resistance.",
bentoComponent: "reveal-icon",
icon: Shield,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e27rm3",
imageAlt: "modern tech brand logo",
title: "Drop Protection", description: "Military-grade impact resistance.", bentoComponent: "reveal-icon", icon: Shield
},
{
title: "Slim & Lightweight",
description: "Perfect fit without the bulk.",
bentoComponent: "reveal-icon",
icon: Smartphone,
imageSrc: "http://img.b2bpic.net/free-photo/golden-iphone-3d-render-dark-background_187299-47162.jpg?_wi=2",
imageAlt: "modern tech brand logo",
title: "Slim & Lightweight", description: "Perfect fit without the bulk.", bentoComponent: "reveal-icon", icon: Smartphone
},
{
title: "Wireless Ready",
description: "Seamless charging compatibility.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/child-holding-cellphone-white-background_58702-5273.jpg?_wi=2",
imageAlt: "modern tech brand logo",
title: "Wireless Ready", description: "Seamless charging compatibility.", bentoComponent: "reveal-icon", icon: Zap
},
]}
title="Precision Engineering"
@@ -225,20 +148,11 @@ export default function LandingPage() {
tag="By the numbers"
metrics={[
{
id: "m1",
value: "50k+",
description: "Happy Customers",
},
id: "m1", value: "50k+", description: "Happy Customers"},
{
id: "m2",
value: "12ft",
description: "Drop Tested",
},
id: "m2", value: "12ft", description: "Drop Tested"},
{
id: "m3",
value: "100%",
description: "Satisfaction Rate",
},
id: "m3", value: "100%", description: "Satisfaction Rate"},
]}
metricsAnimation="slide-up"
/>
@@ -249,12 +163,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCorp",
"InnovateLab",
"GrowthCo",
"StartupXYZ",
"DigitalWave",
]}
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalWave"]}
title="Trusted Globally"
description="Join our community of satisfied users across the world."
/>
@@ -268,25 +177,15 @@ export default function LandingPage() {
author="Sarah Johnson"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
alt: "Sarah J",
},
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "Sarah J"},
{
src: "http://img.b2bpic.net/free-photo/close-up-view-young-handsome-man-wearing-glasses-looking-front-isolated-orange-wall_141793-73719.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/close-up-view-young-handsome-man-wearing-glasses-looking-front-isolated-orange-wall_141793-73719.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-posing_23-2149069164.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-posing_23-2149069164.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg", alt: "User 5"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -299,20 +198,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are these cases waterproof?",
content: "Our cases offer splash resistance, but are not fully waterproof.",
},
id: "f1", title: "Are these cases waterproof?", content: "Our cases offer splash resistance, but are not fully waterproof."},
{
id: "f2",
title: "What is the warranty?",
content: "We offer a 1-year limited warranty on all manufacturing defects.",
},
id: "f2", title: "What is the warranty?", content: "We offer a 1-year limited warranty on all manufacturing defects."},
{
id: "f3",
title: "Do you ship worldwide?",
content: "Yes, we ship to over 50 countries globally.",
},
id: "f3", title: "Do you ship worldwide?", content: "Yes, we ship to over 50 countries globally."},
]}
title="Questions? We've Got Answers."
description="Everything you need to know about our products, shipping, and support."
@@ -324,16 +214,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Let's Talk"
title="Need Assistance?"
description="Our team is here to help with any inquiries you may have about our products or your order."
buttons={[
{
text: "Contact Support",
href: "mailto:support@casecraft.com",
},
text: "Contact Support", href: "mailto:support@casecraft.com"},
]}
/>
</div>
@@ -343,29 +230,19 @@ export default function LandingPage() {
logoText="CaseCraft"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "All Cases",
href: "#products",
},
label: "All Cases", href: "#products"},
{
label: "New Arrivals",
href: "#",
},
label: "New Arrivals", 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"},
],
},
]}