Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bdbfea8918 | |||
| 8f14b33bc3 |
279
src/app/page.tsx
279
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Formas"
|
||||
/>
|
||||
@@ -54,60 +46,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Elegance, Crafted to Last"
|
||||
description="Discover our curated collection of fine jewelry and Swiss watches. Each piece tells a story of precision and beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Our Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-with-rock_23-2149846563.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347039.jpg",
|
||||
alt: "Expensive golden ring with white powder background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347039.jpg", alt: "Expensive golden ring with white powder background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-two-silver-rings-leather-surface_181624-3587.jpg",
|
||||
alt: "Closeup shot of two silver rings on a leather surface",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-two-silver-rings-leather-surface_181624-3587.jpg", alt: "Closeup shot of two silver rings on a leather surface"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599071.jpg",
|
||||
alt: "Abstract gold chain jewellery presentation",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599071.jpg", alt: "Abstract gold chain jewellery presentation"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-pears_23-2149836416.jpg",
|
||||
alt: "High angle gold chains and pears",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-pears_23-2149836416.jpg", alt: "High angle gold chains and pears"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931436.jpg",
|
||||
alt: "Medium shot jeweler making jewellery",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931436.jpg", alt: "Medium shot jeweler making jewellery"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Swiss Precision",
|
||||
},
|
||||
type: "text", text: "Swiss Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced Gold",
|
||||
},
|
||||
type: "text", text: "Ethically Sourced Gold"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Engraving",
|
||||
},
|
||||
type: "text", text: "Custom Engraving"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Guarantee",
|
||||
},
|
||||
type: "text", text: "Lifetime Guarantee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Boutique",
|
||||
},
|
||||
type: "text", text: "Luxury Boutique"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,45 +97,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Authenticity Guaranteed",
|
||||
descriptions: [
|
||||
"Every timepiece and gemstone is certified.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-terrace_23-2148103941.jpg",
|
||||
},
|
||||
id: "f1", title: "Authenticity Guaranteed", descriptions: [
|
||||
"Every timepiece and gemstone is certified."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-terrace_23-2148103941.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Premium Packaging",
|
||||
descriptions: [
|
||||
"Elegant boxes for every gift-giving occasion.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-purple-ribbon-red-striped-white-background_23-2147877979.jpg",
|
||||
},
|
||||
id: "f2", title: "Premium Packaging", descriptions: [
|
||||
"Elegant boxes for every gift-giving occasion."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-purple-ribbon-red-striped-white-background_23-2147877979.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bespoke Services",
|
||||
descriptions: [
|
||||
"Expert engraving and maintenance tailored for you.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-painting-piece-wood_23-2148742373.jpg",
|
||||
},
|
||||
id: "f3", title: "Bespoke Services", descriptions: [
|
||||
"Expert engraving and maintenance tailored for you."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-painting-piece-wood_23-2148742373.jpg"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Repair & Restoration",
|
||||
descriptions: [
|
||||
"Revive your cherished heirlooms with our master clockmakers.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-clockmaster-is-fixing-old-watch-customer-his-busy-repairing-workshop_613910-20851.jpg",
|
||||
},
|
||||
id: "f4", title: "Repair & Restoration", descriptions: [
|
||||
"Revive your cherished heirlooms with our master clockmakers."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-clockmaster-is-fixing-old-watch-customer-his-busy-repairing-workshop_613910-20851.jpg"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Expert Consultation",
|
||||
descriptions: [
|
||||
"Guidance from professional gemologists.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg",
|
||||
},
|
||||
id: "f5", title: "Expert Consultation", descriptions: [
|
||||
"Guidance from professional gemologists."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg"},
|
||||
]}
|
||||
title="Commitment to Excellence"
|
||||
description="Why choosing Formas means choosing authenticity and care."
|
||||
@@ -181,40 +130,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Swiss Watch",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2271.jpg",
|
||||
id: "p1", name: "Classic Swiss Watch", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2271.jpg", priceButtonProps: { variant: "hover-magnetic" }
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Diamond Solitaire Ring",
|
||||
price: "$2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-ring-with-purple-diamond-soft-female-hand_181624-25558.jpg",
|
||||
id: "p2", name: "Diamond Solitaire Ring", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-ring-with-purple-diamond-soft-female-hand_181624-25558.jpg", priceButtonProps: { variant: "hover-magnetic" }
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Golden Charm Bracelet",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-young-woman-street_1301-4773.jpg",
|
||||
id: "p3", name: "Golden Charm Bracelet", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-young-woman-street_1301-4773.jpg", priceButtonProps: { variant: "hover-magnetic" }
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Elegant Pearl Earrings",
|
||||
price: "$600",
|
||||
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: "Elegant Pearl Earrings", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sterling-silver-earrings-with-swarovski-crystal-with-studs-black-wall_140725-12952.jpg", priceButtonProps: { variant: "hover-magnetic" }
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Chronograph",
|
||||
price: "$1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rehearsal-preparation-groom-s-watch-hand_8353-5810.jpg",
|
||||
id: "p5", name: "Modern Chronograph", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/rehearsal-preparation-groom-s-watch-hand_8353-5810.jpg", priceButtonProps: { variant: "hover-magnetic" }
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Diamond Pendant Necklace",
|
||||
price: "$1,450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-concept-closeup-portrait-wedding-necklace-female-neck_8353-5904.jpg",
|
||||
id: "p6", name: "Diamond Pendant Necklace", price: "$1,450", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-concept-closeup-portrait-wedding-necklace-female-neck_8353-5904.jpg", priceButtonProps: { variant: "hover-magnetic" }
|
||||
},
|
||||
]}
|
||||
title="Curated Luxury Collection"
|
||||
@@ -229,51 +160,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "member",
|
||||
tag: "Basic",
|
||||
price: "$0",
|
||||
period: "lifetime",
|
||||
description: "Free access to store events.",
|
||||
button: {
|
||||
text: "Sign Up",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Newsletter",
|
||||
"Store access",
|
||||
],
|
||||
id: "member", tag: "Basic", price: "$0", period: "lifetime", description: "Free access to store events.", button: {
|
||||
text: "Sign Up"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Newsletter", "Store access"],
|
||||
},
|
||||
{
|
||||
id: "gold",
|
||||
tag: "Gold",
|
||||
price: "$150",
|
||||
period: "yearly",
|
||||
description: "Priority service and exclusive collection previews.",
|
||||
button: {
|
||||
text: "Subscribe",
|
||||
},
|
||||
featuresTitle: "Benefits",
|
||||
features: [
|
||||
"Concierge",
|
||||
"Free shipping",
|
||||
"Early access",
|
||||
],
|
||||
id: "gold", tag: "Gold", price: "$150", period: "yearly", description: "Priority service and exclusive collection previews.", button: {
|
||||
text: "Subscribe"},
|
||||
featuresTitle: "Benefits", features: [
|
||||
"Concierge", "Free shipping", "Early access"],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
tag: "V.I.P.",
|
||||
price: "$500",
|
||||
period: "yearly",
|
||||
description: "Ultimate bespoke experience and private showings.",
|
||||
button: {
|
||||
text: "Join VIP",
|
||||
},
|
||||
featuresTitle: "Premium Benefits",
|
||||
features: [
|
||||
"Personal shopper",
|
||||
"Private showings",
|
||||
"Insurance discount",
|
||||
],
|
||||
id: "vip", tag: "V.I.P.", price: "$500", period: "yearly", description: "Ultimate bespoke experience and private showings.", button: {
|
||||
text: "Join VIP"},
|
||||
featuresTitle: "Premium Benefits", features: [
|
||||
"Personal shopper", "Private showings", "Insurance discount"],
|
||||
},
|
||||
]}
|
||||
title="Exclusive Membership Tiers"
|
||||
@@ -288,45 +190,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahjewelry",
|
||||
testimonial: "The service was impeccable and the watch quality is stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-ideal-skin-closeup-portrait-cosmetology-treatment-antiage_633478-2595.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahjewelry", testimonial: "The service was impeccable and the watch quality is stunning.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-ideal-skin-closeup-portrait-cosmetology-treatment-antiage_633478-2595.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael B.",
|
||||
handle: "@michealb",
|
||||
testimonial: "Found the perfect engagement ring here. Absolutely loved the store experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing_158595-2938.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael B.", handle: "@michealb", testimonial: "Found the perfect engagement ring here. Absolutely loved the store experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing_158595-2938.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Very professional and helpful. Highly recommend their bespoke collection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Very professional and helpful. Highly recommend their bespoke collection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "Top-tier watch collection and great technical support.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
},
|
||||
id: "t4", name: "David L.", handle: "@davidl", testimonial: "Top-tier watch collection and great technical support.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Clarissa P.",
|
||||
handle: "@clarissap",
|
||||
testimonial: "The staff really listened to what I was looking for. Excellent boutique.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-ring-jewelry-shop_1303-30664.jpg",
|
||||
},
|
||||
id: "t5", name: "Clarissa P.", handle: "@clarissap", testimonial: "The staff really listened to what I was looking for. Excellent boutique.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-ring-jewelry-shop_1303-30664.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Collectors"
|
||||
@@ -338,8 +215,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="In-Store"
|
||||
title="Visit Our Showroom"
|
||||
description="Book a private viewing or contact our team for expert advice."
|
||||
@@ -353,42 +229,27 @@ export default function LandingPage() {
|
||||
logoText="Formas"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collection", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Maintenance", href: "#"},
|
||||
{
|
||||
label: "Engraving",
|
||||
href: "#",
|
||||
},
|
||||
label: "Engraving", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -398,4 +259,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user