bender/e33c2326-b68a-44fc-8c85-05ce7454dc0c
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-06-03 10:34:51 +00:00
parent f690e4cb33
commit aab6eae8b8
1 changed files with 44 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

219
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Malocchio"
/>
@@ -68,21 +54,16 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
logoText="Malocchio"
description="Ancient Protection for Modern Life. Ward off negativity with our exquisite collection of protective talismans."
buttons={[
{
text: "Explore Amulets",
href: "#products",
},
text: "Explore Amulets", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/inca-mayan-design-sculpted-stones_23-2151628399.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/inca-mayan-design-sculpted-stones_23-2151628399.jpg"
imageAlt="Malocchio protective amulet"
mediaAnimation="blur-reveal"
/>
@@ -93,15 +74,11 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "The Enduring Power of Malocchio",
},
type: "text", content: "The Enduring Power of Malocchio"},
]}
buttons={[
{
text: "Our Philosophy",
href: "#features",
},
text: "Our Philosophy", href: "#features"},
]}
/>
</div>
@@ -113,46 +90,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Authentic Craftsmanship",
description: "Each amulet is meticulously handcrafted using traditional techniques passed down through generations.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/voodoo-doll-candles-high-angle_23-2149514214.jpg",
imageAlt: "Handcrafted evil eye jewelry",
},
title: "Authentic Craftsmanship", description: "Each amulet is meticulously handcrafted using traditional techniques passed down through generations.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/voodoo-doll-candles-high-angle_23-2149514214.jpg", imageAlt: "Handcrafted evil eye jewelry"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-buta-shape-jewelry-pin_114579-11457.jpg",
imageAlt: "High quality malocchio materials",
},
imageSrc: "http://img.b2bpic.net/free-photo/inca-mayan-design-sculpted-stones_23-2151628399.jpg?_wi=2",
imageAlt: "handcrafted evil eye jewelry",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-buta-shape-jewelry-pin_114579-11457.jpg", imageAlt: "High quality malocchio materials"}
},
{
title: "Premium Materials",
description: "We source only the finest metals and gemstones, ensuring durability and timeless beauty for every piece.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/selective-focused-shot-butterfly-wing-person-s-hand-with-blurred_181624-5204.jpg",
imageAlt: "Unique malocchio designs variety",
},
title: "Premium Materials", description: "We source only the finest metals and gemstones, ensuring durability and timeless beauty for every piece.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/selective-focused-shot-butterfly-wing-person-s-hand-with-blurred_181624-5204.jpg", imageAlt: "Unique malocchio designs variety"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/carabiners-rope-rock_23-2147665114.jpg",
imageAlt: "Cultural significance evil eye",
},
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-dream-catcher-outdoors_23-2150722291.jpg",
imageAlt: "handcrafted evil eye jewelry",
imageSrc: "http://img.b2bpic.net/free-photo/carabiners-rope-rock_23-2147665114.jpg", imageAlt: "Cultural significance evil eye"}
},
{
title: "Meaningful Designs",
description: "Our designs honor the rich cultural history of the Malocchio, offering a connection to ancient protective lore.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/dreidel-beads-lying-near-gift_23-2147968750.jpg",
imageAlt: "Easy to wear evil eye jewelry",
},
title: "Meaningful Designs", description: "Our designs honor the rich cultural history of the Malocchio, offering a connection to ancient protective lore.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/dreidel-beads-lying-near-gift_23-2147968750.jpg", imageAlt: "Easy to wear evil eye jewelry"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/different-halloween-stuff_23-2147679512.jpg",
imageAlt: "Gift ready evil eye packaging",
},
imageSrc: "http://img.b2bpic.net/free-photo/knocker-door_1122-982.jpg?_wi=1",
imageAlt: "handcrafted evil eye jewelry",
imageSrc: "http://img.b2bpic.net/free-photo/different-halloween-stuff_23-2147679512.jpg", imageAlt: "Gift ready evil eye packaging"}
},
]}
showStepNumbers={false}
@@ -169,47 +122,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Classic Eye Pendant",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/knocker-door_1122-982.jpg?_wi=2",
imageAlt: "Classic Malocchio pendant necklace",
},
id: "1", name: "Classic Eye Pendant", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/knocker-door_1122-982.jpg", imageAlt: "Classic Malocchio pendant necklace"},
{
id: "2",
name: "Azure Eye Bracelet",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-halloween-decorations_23-2147679514.jpg",
imageAlt: "Azure Malocchio beaded bracelet",
},
id: "2", name: "Azure Eye Bracelet", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/pretty-halloween-decorations_23-2147679514.jpg", imageAlt: "Azure Malocchio beaded bracelet"},
{
id: "3",
name: "Protective Wall Charm",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585729.jpg",
imageAlt: "Decorative Malocchio wall hanging",
},
id: "3", name: "Protective Wall Charm", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585729.jpg", imageAlt: "Decorative Malocchio wall hanging"},
{
id: "4",
name: "Silver Eye Ring",
price: "$95",
imageSrc: "http://img.b2bpic.net/free-photo/couple-celebrating-engagement-together_23-2149430760.jpg",
imageAlt: "Elegant Malocchio silver ring",
},
id: "4", name: "Silver Eye Ring", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/couple-celebrating-engagement-together_23-2149430760.jpg", imageAlt: "Elegant Malocchio silver ring"},
{
id: "5",
name: "Traveler's Keychain",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-halloween-decorations_23-2147679517.jpg",
imageAlt: "Malocchio keychain for protection on the go",
},
id: "5", name: "Traveler's Keychain", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/stylish-halloween-decorations_23-2147679517.jpg", imageAlt: "Malocchio keychain for protection on the go"},
{
id: "6",
name: "Delicate Eye Earrings",
price: "$70",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-like-cleopatra-ancient-egyptian-costume-happy-positive-with-hands-her-head-with-eyes-closed-purple_141793-130001.jpg",
imageAlt: "Pair of delicate Malocchio earrings",
},
id: "6", name: "Delicate Eye Earrings", price: "$70", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-like-cleopatra-ancient-egyptian-costume-happy-positive-with-hands-her-head-with-eyes-closed-purple_141793-130001.jpg", imageAlt: "Pair of delicate Malocchio earrings"},
]}
title="Our Exquisite Malocchio Collection"
description="Browse a selection of our finest protective charms, each a testament to ancient artistry and modern elegance. Find your guardian today."
@@ -223,23 +146,15 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100+",
description: "Years of Tradition",
},
id: "m1", value: "100+", description: "Years of Tradition"},
{
id: "m2",
value: "5000+",
description: "Satisfied Customers",
},
id: "m2", value: "5000+", description: "Satisfied Customers"},
{
id: "m3",
value: "200+",
description: "Unique Designs",
},
id: "m3", value: "200+", description: "Unique Designs"},
]}
title="A Legacy of Trust"
description="Our commitment to tradition, quality, and customer satisfaction has forged a strong foundation."
animationType="slide-up"
/>
</div>
@@ -250,45 +165,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Elena Rossi",
handle: "@elenar",
testimonial: "My Malocchio pendant is not just beautiful, it brings a sense of peace. I feel more protected and confident.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dark-combed-hair-indicates-you-sees-something-pleasant-surprising-dressed-casual-clothes-white_273609-54873.jpg",
imageAlt: "Elena Rossi",
},
id: "1", name: "Elena Rossi", handle: "@elenar", testimonial: "My Malocchio pendant is not just beautiful, it brings a sense of peace. I feel more protected and confident.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dark-combed-hair-indicates-you-sees-something-pleasant-surprising-dressed-casual-clothes-white_273609-54873.jpg", imageAlt: "Elena Rossi"},
{
id: "2",
name: "Marco Bianchi",
handle: "@marcob",
testimonial: "The craftsmanship of these amulets is exceptional. I wear my bracelet every day and have received many compliments.",
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-guy-wearing-green-t-shirt-covered-face-with-hands_141793-89222.jpg",
imageAlt: "Marco Bianchi",
},
id: "2", name: "Marco Bianchi", handle: "@marcob", testimonial: "The craftsmanship of these amulets is exceptional. I wear my bracelet every day and have received many compliments.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-guy-wearing-green-t-shirt-covered-face-with-hands_141793-89222.jpg", imageAlt: "Marco Bianchi"},
{
id: "3",
name: "Sofia Ricci",
handle: "@sofiar",
testimonial: "I bought a wall charm for my home, and it's absolutely stunning. It adds a touch of mystique and comfort to my living space.",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-medical-mask-sitting-new-year-s-eve-party_23-2148724216.jpg",
imageAlt: "Sofia Ricci",
},
id: "3", name: "Sofia Ricci", handle: "@sofiar", testimonial: "I bought a wall charm for my home, and it's absolutely stunning. It adds a touch of mystique and comfort to my living space.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-medical-mask-sitting-new-year-s-eve-party_23-2148724216.jpg", imageAlt: "Sofia Ricci"},
{
id: "4",
name: "Luca Esposito",
handle: "@luca_e",
testimonial: "The Malocchio keychain is a subtle yet powerful accessory. It's a constant reminder of positive energy.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-workmates-enjoying-sunny-day_23-2147562042.jpg",
imageAlt: "Luca Esposito",
},
id: "4", name: "Luca Esposito", handle: "@luca_e", testimonial: "The Malocchio keychain is a subtle yet powerful accessory. It's a constant reminder of positive energy.", imageSrc: "http://img.b2bpic.net/free-photo/happy-workmates-enjoying-sunny-day_23-2147562042.jpg", imageAlt: "Luca Esposito"},
{
id: "5",
name: "Isabella Conti",
handle: "@isabella_c",
testimonial: "As someone who values tradition, I appreciate the authenticity of these pieces. Truly a beautiful way to carry ancient wisdom.",
imageSrc: "http://img.b2bpic.net/free-photo/view-charming-woman-smiling-tablet-home_197531-33767.jpg",
imageAlt: "Isabella Conti",
},
id: "5", name: "Isabella Conti", handle: "@isabella_c", testimonial: "As someone who values tradition, I appreciate the authenticity of these pieces. Truly a beautiful way to carry ancient wisdom.", imageSrc: "http://img.b2bpic.net/free-photo/view-charming-woman-smiling-tablet-home_197531-33767.jpg", imageAlt: "Isabella Conti"},
]}
title="Voices of Protection"
description="Hear from our valued customers about the positive impact of Malocchio in their daily lives and homes."
@@ -301,20 +186,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is Malocchio?",
content: "Malocchio, often translated as 'evil eye,' is a belief that certain individuals can inflict harm or misfortune through a malevolent glare. Our products are designed to protect against this energy.",
},
id: "q1", title: "What is Malocchio?", content: "Malocchio, often translated as 'evil eye,' is a belief that certain individuals can inflict harm or misfortune through a malevolent glare. Our products are designed to protect against this energy."},
{
id: "q2",
title: "How do Malocchio amulets work?",
content: "Our amulets are believed to absorb and deflect negative energy, creating a protective shield for the wearer. They act as a constant reminder of positivity and strength.",
},
id: "q2", title: "How do Malocchio amulets work?", content: "Our amulets are believed to absorb and deflect negative energy, creating a protective shield for the wearer. They act as a constant reminder of positivity and strength."},
{
id: "q3",
title: "What materials are used in your products?",
content: "We use high-quality materials such as sterling silver, gold plating, natural gemstones, and durable ceramics, ensuring both beauty and longevity.",
},
id: "q3", title: "What materials are used in your products?", content: "We use high-quality materials such as sterling silver, gold plating, natural gemstones, and durable ceramics, ensuring both beauty and longevity."},
]}
imageSrc="http://img.b2bpic.net/free-photo/person-conducting-reiki-therapy_23-2149403915.jpg"
imageAlt="Hand demonstrating Malocchio protection"
@@ -330,8 +206,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Connect"
title="Stay Updated on New Collections & Lore"
description="Subscribe to our newsletter for exclusive offers, new product arrivals, and fascinating insights into ancient traditions and protective symbols."
@@ -348,19 +223,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/malocchio",
ariaLabel: "Instagram",
},
href: "https://instagram.com/malocchio", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com/malocchio",
ariaLabel: "Facebook",
},
href: "https://facebook.com/malocchio", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "https://twitter.com/malocchio",
ariaLabel: "Twitter",
},
href: "https://twitter.com/malocchio", ariaLabel: "Twitter"},
]}
/>
</div>