Update src/app/page.tsx
This commit is contained in:
328
src/app/page.tsx
328
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
name: "Collections", id: "collections"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
name: "Visit", id: "visit"},
|
||||
]}
|
||||
brandName="Maris"
|
||||
/>
|
||||
@@ -53,116 +45,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Timeless Elegance, Athenian Soul."
|
||||
description="Exquisite gold jewelry handcrafted with art-deco precision."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg?_wi=1",
|
||||
imageAlt: "Collection 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg?_wi=1",
|
||||
imageAlt: "Collection 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg?_wi=2",
|
||||
imageAlt: "Collection 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg?_wi=2",
|
||||
imageAlt: "Collection 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg?_wi=3",
|
||||
imageAlt: "Collection 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg?_wi=3",
|
||||
imageAlt: "Collection 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg", imageAlt: "Collection 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg", imageAlt: "Collection 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg", imageAlt: "Collection 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg", imageAlt: "Collection 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg", imageAlt: "Collection 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg", imageAlt: "Collection 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg?_wi=4",
|
||||
imageAlt: "Detail 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg?_wi=4",
|
||||
imageAlt: "Detail 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg?_wi=5",
|
||||
imageAlt: "Detail 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg?_wi=5",
|
||||
imageAlt: "Detail 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg?_wi=6",
|
||||
imageAlt: "Detail 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg?_wi=6",
|
||||
imageAlt: "Detail 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg", imageAlt: "Detail 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg", imageAlt: "Detail 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg", imageAlt: "Detail 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg", imageAlt: "Detail 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-silhouette-charming-hindu-bride-tradition_8353-8864.jpg", imageAlt: "Detail 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-assortment_23-2149846589.jpg", imageAlt: "Detail 6" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Collection",
|
||||
href: "#collections",
|
||||
},
|
||||
{
|
||||
text: "Book Atelier Visit",
|
||||
href: "#visit",
|
||||
},
|
||||
{ text: "Discover Collection", href: "#collections" },
|
||||
{ text: "Book Atelier Visit", href: "#visit" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by collectors worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24K PURE GOLD",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ATHENS ARTISAN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LIMITED SERIES",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BESPOKE DESIGN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "TIMELESS CRAFT",
|
||||
},
|
||||
{ type: "text", text: "24K PURE GOLD" },
|
||||
{ type: "text", text: "ATHENS ARTISAN" },
|
||||
{ type: "text", text: "LIMITED SERIES" },
|
||||
{ type: "text", text: "BESPOKE DESIGN" },
|
||||
{ type: "text", text: "TIMELESS CRAFT" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,64 +98,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="collections" data-section="collections">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Maris",
|
||||
name: "Signature Rings",
|
||||
price: "€850",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409292.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Maris",
|
||||
name: "Gold Pendants",
|
||||
price: "€600",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-chandelier-decoration-interior_74190-1083.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Maris",
|
||||
name: "Earrings",
|
||||
price: "€550",
|
||||
rating: 5,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Maris",
|
||||
name: "Bracelets",
|
||||
price: "€750",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409258.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Maris",
|
||||
name: "Bespoke Works",
|
||||
price: "Request",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-flower_23-2149872261.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Maris",
|
||||
name: "Heirloom Series",
|
||||
price: "€1,200",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409292.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", brand: "Maris", name: "Signature Rings", price: "€850", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409292.jpg" },
|
||||
{ id: "2", brand: "Maris", name: "Gold Pendants", price: "€600", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-chandelier-decoration-interior_74190-1083.jpg" },
|
||||
{ id: "3", brand: "Maris", name: "Earrings", price: "€550", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg" },
|
||||
{ id: "4", brand: "Maris", name: "Bracelets", price: "€750", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409258.jpg" },
|
||||
{ id: "5", brand: "Maris", name: "Bespoke Works", price: "Request", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-flower_23-2149872261.jpg" },
|
||||
{ id: "6", brand: "Maris", name: "Heirloom Series", price: "€1,200", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409292.jpg" },
|
||||
]}
|
||||
title="Signature Collections"
|
||||
description="Explore our limited edition pieces."
|
||||
@@ -250,24 +122,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24k Gold",
|
||||
description: "Authentic gold purity in every creation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025952.jpg?_wi=1",
|
||||
imageAlt: "Gold",
|
||||
},
|
||||
{
|
||||
title: "Reversible Designs",
|
||||
description: "Versatility that transcends trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025952.jpg?_wi=2",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
{
|
||||
title: "Traveler's Guidance",
|
||||
description: "Wearable art designed for the modern explorer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025952.jpg?_wi=3",
|
||||
imageAlt: "Travel",
|
||||
},
|
||||
{ title: "24k Gold", description: "Authentic gold purity in every creation.", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025952.jpg", imageAlt: "Gold" },
|
||||
{ title: "Reversible Designs", description: "Versatility that transcends trends.", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025952.jpg", imageAlt: "Design" },
|
||||
{ title: "Traveler's Guidance", description: "Wearable art designed for the modern explorer.", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025952.jpg", imageAlt: "Travel" },
|
||||
]}
|
||||
title="Mastery of Craft"
|
||||
description="Our dedication to perfection in every curve."
|
||||
@@ -281,46 +138,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena P.",
|
||||
role: "Collector",
|
||||
company: "Athens",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus S.",
|
||||
role: "Devotee",
|
||||
company: "London",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia L.",
|
||||
role: "Designer",
|
||||
company: "Paris",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex K.",
|
||||
role: "Traveler",
|
||||
company: "New York",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nico M.",
|
||||
role: "Artist",
|
||||
company: "Rome",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg?_wi=5",
|
||||
},
|
||||
{ id: "1", name: "Elena P.", role: "Collector", company: "Athens", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg" },
|
||||
{ id: "2", name: "Marcus S.", role: "Devotee", company: "London", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg" },
|
||||
{ id: "3", name: "Sophia L.", role: "Designer", company: "Paris", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg" },
|
||||
{ id: "4", name: "Alex K.", role: "Traveler", company: "New York", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg" },
|
||||
{ id: "5", name: "Nico M.", role: "Artist", company: "Rome", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11533.jpg" },
|
||||
]}
|
||||
title="From Our Clients"
|
||||
description="Stories from the heart of our atelier."
|
||||
@@ -333,24 +155,10 @@ export default function LandingPage() {
|
||||
title="Visit Our Atelier"
|
||||
description="Experience our pieces in person in the heart of Athens."
|
||||
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: "Message or request...",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Message or request...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-open-sign-hanging_23-2149168996.jpg"
|
||||
imageAlt="Store Exterior"
|
||||
/>
|
||||
@@ -360,45 +168,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="MARIS"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Ethics",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Care",
|
||||
items: [
|
||||
{
|
||||
label: "Sizing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Studio", items: [{ label: "About", href: "#about" }, { label: "Ethics", href: "#" }] },
|
||||
{ title: "Care", items: [{ label: "Sizing", href: "#" }, { label: "Repairs", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Pinterest", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user