Merge version_1 into main #1
198
src/app/page.tsx
198
src/app/page.tsx
@@ -18,27 +18,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Custom",
|
||||
id: "features",
|
||||
},
|
||||
name: "Custom", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Moataz Designs"
|
||||
/>
|
||||
@@ -47,41 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Styled together. Made to last."
|
||||
description="Thoughtfully crafted Silver jewelry for everyday expression. Everyone’s Favourite Choice."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Collection", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509271.jpg",
|
||||
imageAlt: "Luxurious silver jewelry collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509271.jpg", imageAlt: "Luxurious silver jewelry collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-white-pots_23-2147935420.jpg",
|
||||
imageAlt: "Silver bracelet detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-white-pots_23-2147935420.jpg", imageAlt: "Silver bracelet detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-crucifix-thread_23-2149344507.jpg",
|
||||
imageAlt: "Handcrafted ring",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-crucifix-thread_23-2149344507.jpg", imageAlt: "Handcrafted ring"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4794.jpg",
|
||||
imageAlt: "Silver cufflinks",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4794.jpg", imageAlt: "Silver cufflinks"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-jewellery-display_23-2151921942.jpg",
|
||||
imageAlt: "Diamond silver collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-jewellery-display_23-2151921942.jpg", imageAlt: "Diamond silver collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch-workshop_107420-65293.jpg",
|
||||
imageAlt: "Silver jewelry set",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch-workshop_107420-65293.jpg", imageAlt: "Silver jewelry set"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,47 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silver Bangle",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-model-demonstrating-jewelry_7502-7050.jpg",
|
||||
imageAlt: "Silver Bangle",
|
||||
},
|
||||
id: "p1", name: "Silver Bangle", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-model-demonstrating-jewelry_7502-7050.jpg", imageAlt: "Silver Bangle"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Minimalist Ring",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-two-silver-rings-leather-surface_181624-3587.jpg",
|
||||
imageAlt: "Silver Ring",
|
||||
},
|
||||
id: "p2", name: "Minimalist Ring", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-two-silver-rings-leather-surface_181624-3587.jpg", imageAlt: "Silver Ring"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Premium Cufflinks",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1774.jpg",
|
||||
imageAlt: "Silver Cufflinks",
|
||||
},
|
||||
id: "p3", name: "Premium Cufflinks", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1774.jpg", imageAlt: "Silver Cufflinks"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Diamond Pendant",
|
||||
price: "$290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engagement-rings-bowl-arrangement_23-2148966206.jpg",
|
||||
imageAlt: "Diamond Pendant",
|
||||
},
|
||||
id: "p4", name: "Diamond Pendant", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/engagement-rings-bowl-arrangement_23-2148966206.jpg", imageAlt: "Diamond Pendant"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Everyday Hoops",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-different-gold-rings-showcase-luxury-jewelry-store-close-up-photo_613910-20947.jpg",
|
||||
imageAlt: "Silver Hoops",
|
||||
},
|
||||
id: "p5", name: "Everyday Hoops", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/set-different-gold-rings-showcase-luxury-jewelry-store-close-up-photo_613910-20947.jpg", imageAlt: "Silver Hoops"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Chain",
|
||||
price: "$135",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-ring-bracelet_1303-11576.jpg",
|
||||
imageAlt: "Classic Chain",
|
||||
},
|
||||
id: "p6", name: "Classic Chain", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/wedding-ring-bracelet_1303-11576.jpg", imageAlt: "Classic Chain"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Discover our latest timeless pieces, crafted to elevate your daily style."
|
||||
@@ -157,23 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Personalized Consultations",
|
||||
description: "Discuss your dream piece with our expert jewelers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931432.jpg",
|
||||
imageAlt: "Consultation",
|
||||
},
|
||||
title: "Personalized Consultations", description: "Discuss your dream piece with our expert jewelers.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931432.jpg", imageAlt: "Consultation"},
|
||||
{
|
||||
title: "Precision Craftsmanship",
|
||||
description: "Every detail handled with obsessive care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65234.jpg",
|
||||
imageAlt: "Craftsmanship",
|
||||
},
|
||||
title: "Precision Craftsmanship", description: "Every detail handled with obsessive care.", imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65234.jpg", imageAlt: "Craftsmanship"},
|
||||
{
|
||||
title: "Premium Sterling",
|
||||
description: "Only the finest materials for lasting quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-shell-pendant-necklace_23-2151995450.jpg",
|
||||
imageAlt: "Materials",
|
||||
},
|
||||
title: "Premium Sterling", description: "Only the finest materials for lasting quality.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-shell-pendant-necklace_23-2151995450.jpg", imageAlt: "Materials"},
|
||||
]}
|
||||
title="Custom Designs"
|
||||
description="Unlock Your Creativity with Custom Design. We bring your vision to life through artisanal expertise."
|
||||
@@ -182,44 +124,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The quality of my silver ring is unmatched. Absolutely love it!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-jewelry-makeup_23-2150738191.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The quality of my silver ring is unmatched. Absolutely love it!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-jewelry-makeup_23-2150738191.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Excellent customer service and even better cufflinks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", handle: "@markd", testimonial: "Excellent customer service and even better cufflinks.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "My go-to store for everyday elegant accessories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-body-studio-portrait-stylish-bearded-male-dressed-suit-sunglasses-dark-grey-background_613910-20163.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", handle: "@elenar", testimonial: "My go-to store for everyday elegant accessories.", imageSrc: "http://img.b2bpic.net/free-photo/full-body-studio-portrait-stylish-bearded-male-dressed-suit-sunglasses-dark-grey-background_613910-20163.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Leo K.",
|
||||
handle: "@leok",
|
||||
testimonial: "Custom design process was so smooth and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2183.jpg",
|
||||
},
|
||||
id: "t4", name: "Leo K.", handle: "@leok", testimonial: "Custom design process was so smooth and professional.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2183.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Nina P.",
|
||||
handle: "@ninap",
|
||||
testimonial: "Truly timeless jewelry pieces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4746.jpg",
|
||||
},
|
||||
id: "t5", name: "Nina P.", handle: "@ninap", testimonial: "Truly timeless jewelry pieces.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4746.jpg"},
|
||||
]}
|
||||
title="Loved by Thousands"
|
||||
description="Hear from our community of jewelry enthusiasts."
|
||||
@@ -232,20 +150,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I clean my silver?",
|
||||
content: "We recommend using a soft silver polishing cloth.",
|
||||
},
|
||||
id: "f1", title: "How do I clean my silver?", content: "We recommend using a soft silver polishing cloth."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
id: "f2", title: "Do you offer international shipping?", content: "Yes, we ship globally."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your jewelry sterling silver?",
|
||||
content: "Yes, we use 925 sterling silver only.",
|
||||
},
|
||||
id: "f3", title: "Is your jewelry sterling silver?", content: "Yes, we use 925 sterling silver only."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your silver pieces."
|
||||
@@ -257,8 +166,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Get in touch with us"
|
||||
description="Join our newsletter for exclusive updates and collections."
|
||||
@@ -273,37 +181,23 @@ export default function LandingPage() {
|
||||
logoText="Moataz Designs"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Bracelets",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Bracelets", href: "#products"},
|
||||
{
|
||||
label: "Cufflinks",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Cufflinks", href: "#products"},
|
||||
{
|
||||
label: "Rings",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Rings", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user