Merge version_1 into main #2
@@ -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"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user