Merge version_1 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Happy Moons"
|
||||
/>
|
||||
@@ -55,42 +47,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Embrace the Magic of Happy Moons"
|
||||
description="Discover a collection of celestial treasures designed to bring light, serenity, and wonder into your everyday life. Experience the beauty of the cosmos."
|
||||
tag="Celestial Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-26533.jpg",
|
||||
imageAlt: "glowing moon space background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-26533.jpg", imageAlt: "glowing moon space background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-abstract-neon-led-light-effect_53876-103808.jpg",
|
||||
imageAlt: "abstract light swirl space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-abstract-neon-led-light-effect_53876-103808.jpg", imageAlt: "abstract light swirl space"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-bokeh-background-with-warm-tones_84443-94352.jpg",
|
||||
imageAlt: "moonlight night sky window",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-bokeh-background-with-warm-tones_84443-94352.jpg", imageAlt: "moonlight night sky window"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-galaxy-black-background_53876-111377.jpg",
|
||||
imageAlt: "cosmic stardust glowing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-galaxy-black-background_53876-111377.jpg", imageAlt: "cosmic stardust glowing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-blurred-blue-motion-neon-lights-wonder-wheel_23-2148328081.jpg",
|
||||
imageAlt: "mystical orb radiating light",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-blurred-blue-motion-neon-lights-wonder-wheel_23-2148328081.jpg", imageAlt: "mystical orb radiating light"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-moon-stars-drawing-illustration_23-2150418919.jpg",
|
||||
imageAlt: "crescent moon minimalist dark",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-moon-stars-drawing-illustration_23-2150418919.jpg", imageAlt: "crescent moon minimalist dark"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,9 +78,7 @@ export default function LandingPage() {
|
||||
title="A Journey to the Stars"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Our Philosophy", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,23 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Quality",
|
||||
description: "Hand-finished with care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/horizontal-banner-template-esoteric-blog_23-2148689589.jpg",
|
||||
imageAlt: "minimalist moon icon design",
|
||||
},
|
||||
title: "Artisan Quality", description: "Hand-finished with care.", imageSrc: "http://img.b2bpic.net/free-psd/horizontal-banner-template-esoteric-blog_23-2148689589.jpg", imageAlt: "minimalist moon icon design"},
|
||||
{
|
||||
title: "Celestial Design",
|
||||
description: "Inspired by the night sky.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg",
|
||||
imageAlt: "abstract cosmic harmony pattern",
|
||||
},
|
||||
title: "Celestial Design", description: "Inspired by the night sky.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg", imageAlt: "abstract cosmic harmony pattern"},
|
||||
{
|
||||
title: "Ethically Sourced",
|
||||
description: "Kind to our planet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-progress-bar-showing-50-percent-completion_84443-86331.jpg",
|
||||
imageAlt: "high tech interface glow",
|
||||
},
|
||||
title: "Ethically Sourced", description: "Kind to our planet.", imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-progress-bar-showing-50-percent-completion_84443-86331.jpg", imageAlt: "high tech interface glow"},
|
||||
]}
|
||||
title="Why Happy Moons?"
|
||||
description="Crafted with passion, our products offer unparalleled quality and celestial charm."
|
||||
@@ -145,41 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Lunar Orb",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-black-gold-luxury-podium-pedestal-product-display-background-3d-rendering_56104-1370.jpg",
|
||||
},
|
||||
id: "p1", name: "Lunar Orb", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/empty-black-gold-luxury-podium-pedestal-product-display-background-3d-rendering_56104-1370.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crescent Pendant",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-still-life_23-2148119628.jpg",
|
||||
},
|
||||
id: "p2", name: "Crescent Pendant", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/yoga-still-life_23-2148119628.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Starry Light",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/triple-recessed-led-spots-with-color-temperature-contrast-3d-render_363450-7886.jpg",
|
||||
},
|
||||
id: "p3", name: "Starry Light", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/triple-recessed-led-spots-with-color-temperature-contrast-3d-render_363450-7886.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cosmic Art",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-graphic-illustration-yellow-light-blue-circles-background_181624-18569.jpg",
|
||||
},
|
||||
id: "p4", name: "Cosmic Art", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/vertical-graphic-illustration-yellow-light-blue-circles-background_181624-18569.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Moon Diary",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-stationery_23-2149872571.jpg",
|
||||
},
|
||||
id: "p5", name: "Moon Diary", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-stationery_23-2149872571.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Galaxy Orb",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-elements-islamic-ramadan-celebration_23-2151188114.jpg",
|
||||
},
|
||||
id: "p6", name: "Galaxy Orb", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/3d-elements-islamic-ramadan-celebration_23-2151188114.jpg"},
|
||||
]}
|
||||
title="Curated Collection"
|
||||
description="Explore our limited edition celestial pieces."
|
||||
@@ -193,26 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
title: "Happy Customers",
|
||||
description: "Joining the journey",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-with-golden-lights-new-year-night_23-2148339548.jpg",
|
||||
},
|
||||
id: "m1", value: "10K+", title: "Happy Customers", description: "Joining the journey", imageSrc: "http://img.b2bpic.net/free-photo/clock-with-golden-lights-new-year-night_23-2148339548.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Unique Designs",
|
||||
description: "Cosmic inspiration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bokeh-background-with-purple-lights-star-shape_23-2147815403.jpg",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Unique Designs", description: "Cosmic inspiration", imageSrc: "http://img.b2bpic.net/free-photo/bokeh-background-with-purple-lights-star-shape_23-2147815403.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Global Partners",
|
||||
description: "Sharing the light",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-backgrounds-networking_23-2149755780.jpg",
|
||||
},
|
||||
id: "m3", value: "20+", title: "Global Partners", description: "Sharing the light", imageSrc: "http://img.b2bpic.net/free-photo/hex-backgrounds-networking_23-2149755780.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Bringing wonder to thousands of homes."
|
||||
@@ -224,55 +148,26 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
description="What our community has to say about the magic."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarahmoon",
|
||||
testimonial: "Truly magical collection!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contented-curly-girl-smiles-shows-peace-sign-holds-small-disco-ball-pink-space_197531-15605.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", handle: "@sarahmoon", testimonial: "Truly magical collection!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contented-curly-girl-smiles-shows-peace-sign-holds-small-disco-ball-pink-space_197531-15605.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike",
|
||||
handle: "@mikestellar",
|
||||
testimonial: "So beautifully made.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
id: "2", name: "Mike", handle: "@mikestellar", testimonial: "So beautifully made.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily",
|
||||
handle: "@emilyglow",
|
||||
testimonial: "Changes the whole room.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-posing_23-2148171659.jpg",
|
||||
},
|
||||
id: "3", name: "Emily", handle: "@emilyglow", testimonial: "Changes the whole room.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-posing_23-2148171659.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
handle: "@davidsky",
|
||||
testimonial: "Premium and unique.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-17763.jpg",
|
||||
},
|
||||
id: "4", name: "David", handle: "@davidsky", testimonial: "Premium and unique.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-17763.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna",
|
||||
handle: "@annastar",
|
||||
testimonial: "Best celestial purchase.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-having-fun-party_23-2150188405.jpg",
|
||||
},
|
||||
id: "5", name: "Anna", handle: "@annastar", testimonial: "Best celestial purchase.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-having-fun-party_23-2150188405.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Leo",
|
||||
handle: "@leolunar",
|
||||
testimonial: "Simply wonderful gifts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-basketball-player-with-sun-effect_23-2147644394.jpg",
|
||||
},
|
||||
id: "6", name: "Leo", handle: "@leolunar", testimonial: "Simply wonderful gifts.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-basketball-player-with-sun-effect_23-2147644394.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices from the Stars"
|
||||
@@ -284,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is shipping?",
|
||||
content: "Typically 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "How long is shipping?", content: "Typically 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are products sustainable?",
|
||||
content: "We prioritize ethical sourcing.",
|
||||
},
|
||||
id: "f2", title: "Are products sustainable?", content: "We prioritize ethical sourcing."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer returns?",
|
||||
content: "Yes, within 30 days.",
|
||||
},
|
||||
id: "f3", title: "Do you offer returns?", content: "Yes, within 30 days."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -308,14 +194,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Connect with our cosmic team for any inquiries or custom orders."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@happymoons.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@happymoons.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -325,30 +208,21 @@ export default function LandingPage() {
|
||||
logoText="Happy Moons"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user