bender/c8f2bcf3-0008-41d0-b3a8-ad1ede854259
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 20:25:44 +00:00
parent 238ae4e3bd
commit f4995009dd
1 changed files with 44 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/app/page.tsx
View File

@@ -3,14 +3,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree'; import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven'; import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Instagram, MapPin, Truck, ShieldCheck, Mail } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -30,14 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Collections", id: "#collections" },
name: "Collections", id: "#collections"}, { name: "New Arrivals", id: "#arrivals" },
{ { name: "Our Story", id: "#about" },
name: "New Arrivals", id: "#arrivals"}, { name: "Testimonials", id: "#testimonials" },
{
name: "Our Story", id: "#about"},
{
name: "Testimonials", id: "#testimonials"},
]} ]}
brandName="MOTIWALA" brandName="MOTIWALA"
/> />
@@ -45,15 +42,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient"}}
title="Crafting Timeless Luxury" title="Crafting Timeless Luxury"
description="Discover exquisite, hand-crafted jewelry designed to be cherished for generations. Motiwala brings you an ethereal fusion of tradition and modern artistry." description="Discover exquisite, hand-crafted jewelry designed to be cherished for generations. Motiwala brings you an ethereal fusion of tradition and modern artistry."
buttons={[ buttons={[
{ { text: "Shop Collection", href: "#collections" },
text: "Shop Collection", href: "#collections"}, { text: "Explore Jewelry", href: "#arrivals" },
{
text: "Explore Jewelry", href: "#arrivals"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/confident-carefree-optimistic-young-blond-woman-assure-everything-done-perfect-liking-result-show-ok_1258-134690.jpg" imageSrc="http://img.b2bpic.net/free-photo/confident-carefree-optimistic-young-blond-woman-assure-everything-done-perfect-liking-result-show-ok_1258-134690.jpg"
/> />
@@ -65,18 +59,9 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "c1", title: "Golden Aura", descriptions: ["Heritage gold pieces."], imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599109.jpg" },
id: "c1", title: "Golden Aura", descriptions: [ { id: "c2", title: "Diamond Brilliance", descriptions: ["Expertly cut diamonds."], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509253.jpg" },
"Heritage gold pieces."], { id: "c3", title: "Bridal Elegance", descriptions: ["The perfect bridal sets."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-little-girl-wearing-crucifix_23-2149301812.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599109.jpg"},
{
id: "c2", title: "Diamond Brilliance", descriptions: [
"Expertly cut diamonds."],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509253.jpg"},
{
id: "c3", title: "Bridal Elegance", descriptions: [
"The perfect bridal sets."],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-little-girl-wearing-crucifix_23-2149301812.jpg"},
]} ]}
title="Exquisite Collections" title="Exquisite Collections"
description="From radiant gold to rare diamonds, explore our meticulously curated lines." description="From radiant gold to rare diamonds, explore our meticulously curated lines."
@@ -90,18 +75,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { id: "p1", name: "Royal Ruby Necklace", price: "$4,200", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/gold-chain-beautiful-flower-assortment_23-2149836473.jpg" },
id: "p1", name: "Royal Ruby Necklace", price: "$4,200", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/gold-chain-beautiful-flower-assortment_23-2149836473.jpg"}, { id: "p2", name: "Diamond Ear Studs", price: "$2,800", variant: "Platinum", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-stylish-headband-wearing-beautiful-earrings_343596-819.jpg" },
{ { id: "p3", name: "Sapphire Ring", price: "$3,500", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509236.jpg" },
id: "p2", name: "Diamond Ear Studs", price: "$2,800", variant: "Platinum", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-stylish-headband-wearing-beautiful-earrings_343596-819.jpg"}, { id: "p4", name: "Pearl Choker", price: "$1,900", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-pearl-necklace-white-v-neck-top-smiles-widely-with-closed-eyes-takes-selfie-outside_197531-23190.jpg" },
{ { id: "p5", name: "Luxury Timepiece", price: "$5,500", variant: "Titanium", imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995152.jpg" },
id: "p3", name: "Sapphire Ring", price: "$3,500", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509236.jpg"}, { id: "p6", name: "Emerald Bracelet", price: "$3,900", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/jewellery-bangle-background-with-place-text-banner-fashion-accessories_460848-13235.jpg" },
{
id: "p4", name: "Pearl Choker", price: "$1,900", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-pearl-necklace-white-v-neck-top-smiles-widely-with-closed-eyes-takes-selfie-outside_197531-23190.jpg"},
{
id: "p5", name: "Luxury Timepiece", price: "$5,500", variant: "Titanium", imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995152.jpg"},
{
id: "p6", name: "Emerald Bracelet", price: "$3,900", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/jewellery-bangle-background-with-place-text-banner-fashion-accessories_460848-13235.jpg"},
]} ]}
title="New Arrivals" title="New Arrivals"
description="The latest masterpieces, freshly unveiled for the season." description="The latest masterpieces, freshly unveiled for the season."
@@ -114,21 +93,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", name: "Ananya P.", handle: "@ananya", testimonial: "Exquisite quality and unmatched design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg" },
id: "t1", name: "Ananya P.", handle: "@ananya", testimonial: "Exquisite quality and unmatched design.", rating: 5, { id: "t2", name: "Rohan M.", handle: "@rohanm", testimonial: "A timeless piece of jewelry, so elegant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1671.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg"}, { id: "t3", name: "Sita K.", handle: "@sitak", testimonial: "Perfect craftsmanship. Simply regal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-woman-coquettishly-touches-her-hair-woman-white-outfit-pearl-accessories-looks-into-camera_197531-14809.jpg" },
{ { id: "t4", name: "Vikas D.", handle: "@vikasd", testimonial: "My bridal jewelry was a dream come true.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-bride-getting-ready_1153-9831.jpg" },
id: "t2", name: "Rohan M.", handle: "@rohanm", testimonial: "A timeless piece of jewelry, so elegant.", rating: 5, { id: "t5", name: "Priya L.", handle: "@priyal", testimonial: "The sparkle is absolutely stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-brunette-female-with-crossed-arms-white-underwear-with-green-costly-necklace_613910-8010.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1671.jpg"},
{
id: "t3", name: "Sita K.", handle: "@sitak", testimonial: "Perfect craftsmanship. Simply regal.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-woman-coquettishly-touches-her-hair-woman-white-outfit-pearl-accessories-looks-into-camera_197531-14809.jpg"},
{
id: "t4", name: "Vikas D.", handle: "@vikasd", testimonial: "My bridal jewelry was a dream come true.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-bride-getting-ready_1153-9831.jpg"},
{
id: "t5", name: "Priya L.", handle: "@priyal", testimonial: "The sparkle is absolutely stunning.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-brunette-female-with-crossed-arms-white-underwear-with-green-costly-necklace_613910-8010.jpg"},
]} ]}
showRating={true} showRating={true}
title="Stories of Elegance" title="Stories of Elegance"
@@ -141,7 +110,8 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
title="The Motiwala Legacy" title="The Motiwala Legacy"
description={[ description={[
"For over four generations, Motiwala has been synonymous with prestige, elegance, and artisanal perfection in jewelry craft.", "We believe that luxury isn't just about value; it's about the stories behind every piece we design and create."]} "For over four generations, Motiwala has been synonymous with prestige, elegance, and artisanal perfection in jewelry craft.", "We believe that luxury isn't just about value; it's about the stories behind every piece we design and create."
]}
/> />
</div> </div>
@@ -153,58 +123,36 @@ export default function LandingPage() {
title="Editorial Showcase" title="Editorial Showcase"
description="Curated moments from our studio and our patrons." description="Curated moments from our studio and our patrons."
blogs={[ blogs={[
{ { id: "b1", category: "Lifestyle", title: "Behind the Scenes", excerpt: "Witnessing the art of gold crafting.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-wire_23-2148643274.jpg", authorName: "Motiwala", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzgfxo", date: "Oct 12" },
id: "b1", category: "Lifestyle", title: "Behind the Scenes", excerpt: "Witnessing the art of gold crafting.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-wire_23-2148643274.jpg", authorName: "Motiwala", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzgfxo", date: "Oct 12"}, { id: "b2", category: "Style", title: "Summer Sparkle", excerpt: "Styling your diamond collection.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-fashion-beauty-sensual-caucasian-woman-wearing-colorful-shawl-head-accessories-posing-with-hand-shoulder-isolated-gray-background_613910-19097.jpg", authorName: "Motiwala", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9cbsxr", date: "Sep 22" },
{ { id: "b3", category: "Craft", title: "Rare Gems", excerpt: "The origin of our rarest stones.", imageSrc: "http://img.b2bpic.net/free-photo/polished-stones-earthy-tones-glisten-with-reflected-light_91128-4486.jpg", authorName: "Motiwala", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ytslne", date: "Aug 05" },
id: "b2", category: "Style", title: "Summer Sparkle", excerpt: "Styling your diamond collection.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-fashion-beauty-sensual-caucasian-woman-wearing-colorful-shawl-head-accessories-posing-with-hand-shoulder-isolated-gray-background_613910-19097.jpg", authorName: "Motiwala", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9cbsxr", date: "Sep 22"},
{
id: "b3", category: "Craft", title: "Rare Gems", excerpt: "The origin of our rarest stones.", imageSrc: "http://img.b2bpic.net/free-photo/polished-stones-earthy-tones-glisten-with-reflected-light_91128-4486.jpg", authorName: "Motiwala", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ytslne", date: "Aug 05"},
]} ]}
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplitForm
tag="Contact Us" title="Concierge Consultation"
description="Schedule your private perfume and jewelry styling appointment."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name" },
{ name: "email", type: "email", placeholder: "Email Address" },
{ name: "phone", type: "tel", placeholder: "Phone Number" }
]}
textarea={{ name: "message", placeholder: "Tell us about your fragrance preference or jewelry interest", rows: 4 }}
useInvertedBackground={true} useInvertedBackground={true}
background={{
variant: "plain"}}
title="Join the Elite Circle"
description="Subscribe for early access to limited collections and private previews."
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-center-department-store_1203-9230.jpg" imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-center-department-store_1203-9230.jpg"
mediaAnimation="slide-up"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterCard
columns={[
{
title: "Support", items: [
{
label: "Care Guide", href: "#"},
{
label: "Shipping", href: "#"},
],
},
{
title: "Store", items: [
{
label: "Gold", href: "#collections"},
{
label: "Diamonds", href: "#collections"},
],
},
{
title: "Legal", items: [
{
label: "Privacy", href: "#"},
{
label: "Terms", href: "#"},
],
},
]}
logoText="MOTIWALA" logoText="MOTIWALA"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Mail, href: "mailto:info@motiwala.com", ariaLabel: "Email" }
]}
copyrightText="© 2025 Motiwala Luxury Jewelry"
/> />
</div> </div>
</ReactLenis> </ReactLenis>