From b0e5ff508998f021de55e16493ac2cf11b981c80 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 22:36:28 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 73 ++++++++++++++++++++++++++++++------------------ 1 file changed, 46 insertions(+), 27 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9697cb2..a51078e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumLarge" sizing="mediumLargeSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="shadow" secondaryButtonStyle="glass" @@ -37,7 +37,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Shop Now", href: "#products"}} + text: "Shop Now", href: "#products" + }} /> @@ -48,18 +49,23 @@ export default function LandingPage() { tag="Premium Protection" tagIcon={Shield} tagAnimation="slide-up" - background={{ variant: "aurora" }} + background={{ variant: "sparkles-gradient" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/diary-pencil-tablet_1156-56.jpg?_wi=1", imageAlt: "Premium laptop case"}, + imageSrc: "http://img.b2bpic.net/free-photo/diary-pencil-tablet_1156-56.jpg", imageAlt: "Premium laptop case" + }, { - imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-case-design_1175-329.jpg", imageAlt: "Stylish mobile case"}, + imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-case-design_1175-329.jpg", imageAlt: "Stylish mobile case" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/tablet-hands-woman-blurred-background-part-body_169016-25033.jpg", imageAlt: "Protective laptop sleeve"}, + imageSrc: "http://img.b2bpic.net/free-photo/tablet-hands-woman-blurred-background-part-body_169016-25033.jpg", imageAlt: "Protective laptop sleeve" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/black-brown-holster-with-tail-smartphone_140725-7199.jpg", imageAlt: "Designer phone case"}, + imageSrc: "http://img.b2bpic.net/free-photo/black-brown-holster-with-tail-smartphone_140725-7199.jpg", imageAlt: "Designer phone case" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-blue-cellphone-headphones-laptop-origami-wooden-surface_181624-60489.jpg", imageAlt: "Durable protective gear"}, + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-blue-cellphone-headphones-laptop-origami-wooden-surface_181624-60489.jpg", imageAlt: "Durable protective gear" + }, ]} buttons={[ { text: "Shop Laptop Cases", href: "#products" }, @@ -101,13 +107,16 @@ export default function LandingPage() { title: "Advanced Impact Protection", description: "Military-grade materials absorb shock and prevent damage from drops and impacts.", bentoComponent: "3d-stack-cards", items: [ { icon: Shield, - title: "Drop Protected", subtitle: "Up to 6ft", detail: "Military-grade protection"}, + title: "Drop Protected", subtitle: "Up to 6ft", detail: "Military-grade protection" + }, { icon: Zap, - title: "Fast Charging", subtitle: "Full Speed", detail: "Wireless compatible"}, + title: "Fast Charging", subtitle: "Full Speed", detail: "Wireless compatible" + }, { icon: Layers, - title: "Multi-Layer", subtitle: "Design", detail: "Cushioned protection"}, + title: "Multi-Layer", subtitle: "Design", detail: "Cushioned protection" + }, ], }, { @@ -159,13 +168,13 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "1", name: "MacBook Pro 16\" Case", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/diary-pencil-tablet_1156-56.jpg?_wi=2", imageAlt: "MacBook Pro protective case", initialQuantity: 1, + id: "1", name: "MacBook Pro 16\" Case", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/diary-pencil-tablet_1156-56.jpg", imageAlt: "MacBook Pro protective case", initialQuantity: 1, }, { - id: "2", name: "iPhone 15 Pro Case", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-case-design_1175-334.jpg?_wi=1", imageAlt: "iPhone 15 Pro protective case", initialQuantity: 1, + id: "2", name: "iPhone 15 Pro Case", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-case-design_1175-334.jpg", imageAlt: "iPhone 15 Pro protective case", initialQuantity: 1, }, { - id: "3", name: "Laptop Sleeve Neoprene", price: "$64.99", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-is-using-tablet-outside_169016-25266.jpg?_wi=1", imageAlt: "Premium laptop sleeve", initialQuantity: 1, + id: "3", name: "Laptop Sleeve Neoprene", price: "$64.99", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-is-using-tablet-outside_169016-25266.jpg", imageAlt: "Premium laptop sleeve", initialQuantity: 1, }, ]} /> @@ -183,18 +192,21 @@ export default function LandingPage() { animationType="slide-up" plans={[ { - id: "starter", title: "Essential", price: "$49", period: "one-time", imageSrc: "http://img.b2bpic.net/free-photo/diary-pencil-tablet_1156-56.jpg?_wi=3", imageAlt: "Essential protection plan", features: [ - "Single protective case", "Standard material", "30-day guarantee", "Free shipping"], + id: "starter", title: "Essential", price: "$49", period: "one-time", imageSrc: "http://img.b2bpic.net/free-photo/diary-pencil-tablet_1156-56.jpg", imageAlt: "Essential protection plan", features: [ + "Single protective case", "Standard material", "30-day guarantee", "Free shipping" + ], button: { text: "Get Started", href: "#products" }, }, { - id: "pro", title: "Professional", price: "$129", period: "one-time", imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-case-design_1175-334.jpg?_wi=2", imageAlt: "Professional protection plan", features: [ - "Two premium cases", "Advanced materials", "1-year warranty", "Priority support", "Free shipping worldwide"], + id: "pro", title: "Professional", price: "$129", period: "one-time", imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-case-design_1175-334.jpg", imageAlt: "Professional protection plan", features: [ + "Two premium cases", "Advanced materials", "1-year warranty", "Priority support", "Free shipping worldwide" + ], button: { text: "Upgrade Now", href: "#products" }, }, { - id: "elite", title: "Elite", price: "$249", period: "one-time", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-is-using-tablet-outside_169016-25266.jpg?_wi=2", imageAlt: "Elite protection plan", features: [ - "Complete collection", "All premium materials", "Lifetime warranty", "24/7 concierge support", "Free replacements", "Express shipping"], + id: "elite", title: "Elite", price: "$249", period: "one-time", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-is-using-tablet-outside_169016-25266.jpg", imageAlt: "Elite protection plan", features: [ + "Complete collection", "All premium materials", "Lifetime warranty", "24/7 concierge support", "Free replacements", "Express shipping" + ], button: { text: "Choose Elite", href: "#products" }, }, ]} @@ -212,7 +224,8 @@ export default function LandingPage() { useInvertedBackground={false} names={["Apple", "Microsoft", "Google", "Samsung", "Dell", "Lenovo", "HP", "Sony"]} logos={[ - "http://img.b2bpic.net/free-vector/gradient-pp-logo-template_23-2151182584.jpg", "http://img.b2bpic.net/free-vector/geometric-abstract-echos-web-design-agency-logo_1421494-124.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148153516.jpg", "http://img.b2bpic.net/free-vector/cyber-monday-sale-tag-neon-style-design-banner_1017-22278.jpg", "http://img.b2bpic.net/free-vector/computer-shape-logo-template_1071-83.jpg", "http://img.b2bpic.net/free-vector/flat-design-computer-logo-template_23-2149184092.jpg", "http://img.b2bpic.net/free-vector/ap-monogram-logo-template_23-2150227693.jpg", "http://img.b2bpic.net/free-vector/technology-logo-template-with-abstract-shapes_23-2148240853.jpg"]} + "http://img.b2bpic.net/free-vector/gradient-pp-logo-template_23-2151182584.jpg", "http://img.b2bpic.net/free-vector/geometric-abstract-echos-web-design-agency-logo_1421494-124.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148153516.jpg", "http://img.b2bpic.net/free-vector/cyber-monday-sale-tag-neon-style-design-banner_1017-22278.jpg", "http://img.b2bpic.net/free-vector/computer-shape-logo-template_1071-83.jpg", "http://img.b2bpic.net/free-vector/flat-design-computer-logo-template_23-2149184092.jpg", "http://img.b2bpic.net/free-vector/ap-monogram-logo-template_23-2150227693.jpg", "http://img.b2bpic.net/free-vector/technology-logo-template-with-abstract-shapes_23-2148240853.jpg" + ]} speed={40} showCard={true} /> @@ -228,17 +241,23 @@ export default function LandingPage() { useInvertedBackground={false} avatars={[ { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Chen"}, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Chen" + }, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael Johnson"}, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael Johnson" + }, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Emily Rodriguez"}, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Emily Rodriguez" + }, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David Kim"}, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David Kim" + }, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Jessica Lee"}, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Jessica Lee" + }, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Alex Turner"}, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Alex Turner" + }, ]} /> -- 2.49.1