Merge version_1 into main #1
360
src/app/page.tsx
360
src/app/page.tsx
@@ -25,270 +25,114 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="MUN Keepsakes"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
]}
|
||||
brandName="MUN Keepsakes"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Timeless Elegance for MUN Moments"
|
||||
description="Exquisite handcrafted bracelets designed as the perfect gift for MUN delegates and conference mementos. Elevate your event with our premium collaborations."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-gift-box_1361-303.jpg",
|
||||
imageAlt: "MUN Bracelet Elegance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personalization-gifts-christmas-night_23-2148332590.jpg",
|
||||
imageAlt: "Minimalist Bracelet Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-patient-identification-wristband_53876-14813.jpg",
|
||||
imageAlt: "Conference Gift Setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-concept-top-view_23-2148486382.jpg",
|
||||
imageAlt: "Stacking Bracelet Style",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-blackboard-with-accessories_23-2147812050.jpg",
|
||||
imageAlt: "Luxury Event Memento",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166800.jpg",
|
||||
imageAlt: "Crafted Jewelry Detail",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Elegance for MUN Moments"
|
||||
description="Exquisite handcrafted bracelets designed as the perfect gift for MUN delegates and conference mementos. Elevate your event with our premium collaborations."
|
||||
buttons={[{ text: "View Collection", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lovely-gift-box_1361-303.jpg", imageAlt: "MUN Bracelet Elegance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/personalization-gifts-christmas-night_23-2148332590.jpg", imageAlt: "Minimalist Bracelet Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-patient-identification-wristband_53876-14813.jpg", imageAlt: "Conference Gift Setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-concept-top-view_23-2148486382.jpg", imageAlt: "Stacking Bracelet Style" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-blackboard-with-accessories_23-2147812050.jpg", imageAlt: "Luxury Event Memento" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166800.jpg", imageAlt: "Crafted Jewelry Detail" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Memories for Delegates"
|
||||
description="We specialize in collaborating with Model United Nations conferences to create bespoke, high-quality jewelry mementos. Our pieces celebrate diplomatic excellence and lasting memories."
|
||||
metrics={[
|
||||
{
|
||||
value: "50+",
|
||||
title: "MUN Conferences",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Bracelets Gifted",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-butterfly-hand_23-2148770481.jpg"
|
||||
imageAlt="Artisan Crafting Process"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Memories for Delegates"
|
||||
description="We specialize in collaborating with Model United Nations conferences to create bespoke, high-quality jewelry mementos. Our pieces celebrate diplomatic excellence and lasting memories."
|
||||
metrics={[
|
||||
{ value: "50+", title: "MUN Conferences" },
|
||||
{ value: "10k+", title: "Bracelets Gifted" },
|
||||
{ value: "100%", title: "Client Satisfaction" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-butterfly-hand_23-2148770481.jpg"
|
||||
imageAlt="Artisan Crafting Process"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Delegate Gold Chain",
|
||||
price: "$25",
|
||||
variant: "18k Gold Plated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12580.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chairperson Silver Bead",
|
||||
price: "$30",
|
||||
variant: "Sterling Silver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-non-eco-friendly-plastic-objects_23-2149035054.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Diplomat Charm Set",
|
||||
price: "$35",
|
||||
variant: "Rose Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-wearing-gold-bracelet_23-2149836429.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Executive Minimalist",
|
||||
price: "$28",
|
||||
variant: "Matte Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246350.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Summit Souvenir",
|
||||
price: "$22",
|
||||
variant: "Premium Alloy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-white-dust_23-2150329684.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ambassador Elegance",
|
||||
price: "$45",
|
||||
variant: "Gold & Pearl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166934.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Collections"
|
||||
description="Browse our curated selection of MUN-inspired bracelets, perfect for delegations, committee chairs, and conference participants."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Delegate Gold Chain", price: "$25", variant: "18k Gold Plated", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12580.jpg" },
|
||||
{ id: "2", name: "Chairperson Silver Bead", price: "$30", variant: "Sterling Silver", imageSrc: "http://img.b2bpic.net/free-photo/assortment-non-eco-friendly-plastic-objects_23-2149035054.jpg" },
|
||||
{ id: "3", name: "Diplomat Charm Set", price: "$35", variant: "Rose Gold", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-wearing-gold-bracelet_23-2149836429.jpg" },
|
||||
{ id: "4", name: "Executive Minimalist", price: "$28", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246350.jpg" },
|
||||
{ id: "5", name: "Summit Souvenir", price: "$22", variant: "Premium Alloy", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-white-dust_23-2150329684.jpg" },
|
||||
{ id: "6", name: "Ambassador Elegance", price: "$45", variant: "Gold & Pearl", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166934.jpg" },
|
||||
]}
|
||||
title="Our Signature Collections"
|
||||
description="Browse our curated selection of MUN-inspired bracelets, perfect for delegations, committee chairs, and conference participants."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-33464.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pointing_1149-608.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Loved by Delegates Worldwide"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
|
||||
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-33464.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
|
||||
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/man-pointing_1149-608.jpg" },
|
||||
{ id: "5", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by Delegates Worldwide"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Partner With Us for Your MUN"
|
||||
description="Interested in custom bracelet collaborations for your upcoming conference? Reach out to our team today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "conference",
|
||||
type: "text",
|
||||
placeholder: "Conference Name",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your event details...",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328144.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Partner With Us for Your MUN"
|
||||
description="Interested in custom bracelet collaborations for your upcoming conference? Reach out to our team today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
{ name: "conference", type: "text", placeholder: "Conference Name", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your event details...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328144.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="MUN Keepsakes"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Partnerships",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Gifting Guide",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 MUN Keepsakes. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="MUN Keepsakes"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Partnerships", href: "#contact" }] },
|
||||
{ title: "Shop", items: [{ label: "Collections", href: "#products" }, { label: "Gifting Guide", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 MUN Keepsakes. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user