Merge version_1 into main #1
162
src/app/page.tsx
162
src/app/page.tsx
@@ -28,43 +28,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ethereal Gems"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Ethereal Gems"
|
||||
description="Timeless elegance crafted for the moments that define you. Explore our signature collections of fine jewellery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Shop Collections", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599061.jpg"
|
||||
imageAlt="Ethereal Gems hero image"
|
||||
@@ -79,42 +61,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Golden Radiance Ring",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-playful-cute-redhead-girl-curly-haired-hide-face-palm-look-through-fingers_176420-44128.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ivory Pearl Necklace",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-young-woman-model-with-bright-yellow-makeup-with-perfect-clean-skin-with-gold-jewelery-black-cloth_158538-2008.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Diamond Halo Earrings",
|
||||
price: "$2,400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sterling-silver-earrings-with-swarovski-crystal-with-studs-black-wall_140725-12952.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Delicate Gold Chain",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-gold-jewelry-symbol-wealth-generated-by-ai_188544-10733.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sapphire Solitaire Pendant",
|
||||
price: "$1,850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-with-feathers_1122-433.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minimalist Diamond Studs",
|
||||
price: "$900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-rich-luxury-woman-dress-hand-ear-wearing-earrings-ring-finger_343596-2016.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Golden Radiance Ring", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/charming-playful-cute-redhead-girl-curly-haired-hide-face-palm-look-through-fingers_176420-44128.jpg" },
|
||||
{ id: "p2", name: "Ivory Pearl Necklace", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-young-woman-model-with-bright-yellow-makeup-with-perfect-clean-skin-with-gold-jewelery-black-cloth_158538-2008.jpg" },
|
||||
{ id: "p3", name: "Diamond Halo Earrings", price: "$2,400", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sterling-silver-earrings-with-swarovski-crystal-with-studs-black-wall_140725-12952.jpg" },
|
||||
{ id: "p4", name: "Delicate Gold Chain", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/shiny-gold-jewelry-symbol-wealth-generated-by-ai_188544-10733.jpg" },
|
||||
{ id: "p5", name: "Sapphire Solitaire Pendant", price: "$1,850", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-with-feathers_1122-433.jpg" },
|
||||
{ id: "p6", name: "Minimalist Diamond Studs", price: "$900", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-rich-luxury-woman-dress-hand-ear-wearing-earrings-ring-finger_343596-2016.jpg" },
|
||||
]}
|
||||
title="Signature Pieces"
|
||||
description="Discover our curated selection of handcrafted jewellery, where classic design meets contemporary grace."
|
||||
@@ -125,69 +77,25 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65234.jpg",
|
||||
alt: "Artisan craftsman",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Timeless Craft",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{ type: "text", content: "The Art of " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65234.jpg", alt: "Artisan craftsman" },
|
||||
{ type: "text", content: " Timeless Craft" },
|
||||
]}
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split-description"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Eleanor Vance",
|
||||
handle: "@eleanor_v",
|
||||
testimonial: "The piece I received is absolutely stunning. The craftsmanship is unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-elegant-lady-woman-wearing-stylish-boho-top_291049-25.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julian Thorne",
|
||||
handle: "@j_thorne",
|
||||
testimonial: "I bought an engagement ring and the service was perfection. Simply elegant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-long-hair-winking-while-having-good-mood-smiling-showing-her-white-perfect-teeth_273609-7717.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara Oswald",
|
||||
handle: "@clara_o",
|
||||
testimonial: "Their collections are the definition of sophisticated taste and timeless design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Arthur Dent",
|
||||
handle: "@adent_art",
|
||||
testimonial: "Beautiful jewellery that tells a story. I cannot recommend them enough.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-skinned-smiling-woman-with-bushy-hairdo-holds-cup-coffee-espresso-sits-against-cafe-interior_273609-3188.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller_gems",
|
||||
testimonial: "Every detail matters here, and it truly shows in the final product.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12859.jpg",
|
||||
},
|
||||
{ id: "1", name: "Eleanor Vance", handle: "@eleanor_v", testimonial: "The piece I received is absolutely stunning. The craftsmanship is unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/sensual-elegant-lady-woman-wearing-stylish-boho-top_291049-25.jpg" },
|
||||
{ id: "2", name: "Julian Thorne", handle: "@j_thorne", testimonial: "I bought an engagement ring and the service was perfection. Simply elegant.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-long-hair-winking-while-having-good-mood-smiling-showing-her-white-perfect-teeth_273609-7717.jpg" },
|
||||
{ id: "3", name: "Clara Oswald", handle: "@clara_o", testimonial: "Their collections are the definition of sophisticated taste and timeless design.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg" },
|
||||
{ id: "4", name: "Arthur Dent", handle: "@adent_art", testimonial: "Beautiful jewellery that tells a story. I cannot recommend them enough.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-skinned-smiling-woman-with-bushy-hairdo-holds-cup-coffee-espresso-sits-against-cafe-interior_273609-3188.jpg" },
|
||||
{ id: "5", name: "Sarah Miller", handle: "@smiller_gems", testimonial: "Every detail matters here, and it truly shows in the final product.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12859.jpg" },
|
||||
]}
|
||||
title="Enduring Impressions"
|
||||
description="Hear what our beloved clients say about their Ethereal experience."
|
||||
@@ -200,24 +108,10 @@ export default function LandingPage() {
|
||||
title="Create Your Legacy"
|
||||
description="Have a custom piece in mind? Contact our artisans today to discuss your vision."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your custom request...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your custom request...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623481.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user