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 <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Products", name: "Products", id: "products"},
id: "products",
},
{ {
name: "Features", name: "Features", id: "features"},
id: "features",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Support", name: "Support", id: "faq"},
id: "faq",
},
]} ]}
brandName="CaseCraft" brandName="CaseCraft"
/> />
@@ -57,44 +49,29 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Unrivaled Protection, Unmatched Style." 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." 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" tag="New 2024 Collection"
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Shop Now", text: "Shop Now", href: "#products"},
href: "#products",
},
{ {
text: "Learn More", text: "Learn More", href: "#about"},
href: "#about",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/golden-iphone-3d-render-dark-background_187299-47162.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/golden-iphone-3d-render-dark-background_187299-47162.jpg", imageAlt: "Premium case product"},
imageAlt: "Premium case product",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/child-holding-cellphone-white-background_58702-5273.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/child-holding-cellphone-white-background_58702-5273.jpg", imageAlt: "Case side profile"},
imageAlt: "Case side profile",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/new-cellphone-with-transparent-cover-isolated-white-background_58702-4653.jpg", imageSrc: "http://img.b2bpic.net/free-photo/new-cellphone-with-transparent-cover-isolated-white-background_58702-4653.jpg", imageAlt: "Luxury case studio shot"},
imageAlt: "Luxury case studio shot",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168479.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168479.jpg", imageAlt: "Lifestyle smartphone shot"},
imageAlt: "Lifestyle smartphone shot",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-device-with-minimalist-monochrome-background_23-2150763305.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-device-with-minimalist-monochrome-background_23-2150763305.jpg", imageAlt: "Minimal tech background"},
imageAlt: "Minimal tech background",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -105,24 +82,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[
{ {
type: "text", type: "text", content: "Built for "},
content: "Built for ",
},
{ {
type: "image", 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"},
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", type: "text", content: " the modern lifestyle."},
content: " the modern lifestyle.",
},
]} ]}
buttons={[ buttons={[
{ {
text: "View Our Story", text: "View Our Story", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -135,47 +103,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", 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"},
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", 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"},
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", id: "p3", name: "Crystal Clear", price: "$29", variant: "Transparent", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072232.jpg"},
name: "Crystal Clear",
price: "$29",
variant: "Transparent",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072232.jpg",
},
{ {
id: "p4", 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"},
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", 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"},
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", 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"},
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" title="Shop Our Premium Cases"
description="Find your perfect match among our collection of precision-designed smartphone cases." description="Find your perfect match among our collection of precision-designed smartphone cases."
@@ -189,28 +127,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Drop Protection", title: "Drop Protection", description: "Military-grade impact resistance.", bentoComponent: "reveal-icon", icon: Shield
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: "Slim & Lightweight", title: "Slim & Lightweight", description: "Perfect fit without the bulk.", bentoComponent: "reveal-icon", icon: Smartphone
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: "Wireless Ready", title: "Wireless Ready", description: "Seamless charging compatibility.", bentoComponent: "reveal-icon", icon: Zap
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="Precision Engineering" title="Precision Engineering"
@@ -225,20 +148,11 @@ export default function LandingPage() {
tag="By the numbers" tag="By the numbers"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "50k+", description: "Happy Customers"},
value: "50k+",
description: "Happy Customers",
},
{ {
id: "m2", id: "m2", value: "12ft", description: "Drop Tested"},
value: "12ft",
description: "Drop Tested",
},
{ {
id: "m3", id: "m3", value: "100%", description: "Satisfaction Rate"},
value: "100%",
description: "Satisfaction Rate",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -249,12 +163,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"TechCorp", "TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalWave"]}
"InnovateLab",
"GrowthCo",
"StartupXYZ",
"DigitalWave",
]}
title="Trusted Globally" title="Trusted Globally"
description="Join our community of satisfied users across the world." description="Join our community of satisfied users across the world."
/> />
@@ -268,25 +177,15 @@ export default function LandingPage() {
author="Sarah Johnson" author="Sarah Johnson"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "Sarah J"},
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", 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"},
alt: "User 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", alt: "User 3"},
alt: "User 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-posing_23-2149069164.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-posing_23-2149069164.jpg", alt: "User 4"},
alt: "User 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg", src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg", alt: "User 5"},
alt: "User 5",
},
]} ]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -299,20 +198,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Are these cases waterproof?", content: "Our cases offer splash resistance, but are not fully waterproof."},
title: "Are these cases waterproof?",
content: "Our cases offer splash resistance, but are not fully waterproof.",
},
{ {
id: "f2", id: "f2", title: "What is the warranty?", content: "We offer a 1-year limited warranty on all manufacturing defects."},
title: "What is the warranty?",
content: "We offer a 1-year limited warranty on all manufacturing defects.",
},
{ {
id: "f3", id: "f3", title: "Do you ship worldwide?", content: "Yes, we ship to over 50 countries globally."},
title: "Do you ship worldwide?",
content: "Yes, we ship to over 50 countries globally.",
},
]} ]}
title="Questions? We've Got Answers." title="Questions? We've Got Answers."
description="Everything you need to know about our products, shipping, and support." description="Everything you need to know about our products, shipping, and support."
@@ -324,16 +214,13 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
tag="Let's Talk" tag="Let's Talk"
title="Need Assistance?" title="Need Assistance?"
description="Our team is here to help with any inquiries you may have about our products or your order." description="Our team is here to help with any inquiries you may have about our products or your order."
buttons={[ buttons={[
{ {
text: "Contact Support", text: "Contact Support", href: "mailto:support@casecraft.com"},
href: "mailto:support@casecraft.com",
},
]} ]}
/> />
</div> </div>
@@ -343,29 +230,19 @@ export default function LandingPage() {
logoText="CaseCraft" logoText="CaseCraft"
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [
{ {
label: "All Cases", label: "All Cases", href: "#products"},
href: "#products",
},
{ {
label: "New Arrivals", label: "New Arrivals", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}