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

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-12 20:25:48 +00:00
parent 238ae4e3bd 1cd3f65c34
commit ebf3ce3db1
2 changed files with 50 additions and 102 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 ReactLenis from "lenis/react";
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 FooterBase from '@/components/sections/footer/FooterBase';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Instagram, MapPin, Truck, ShieldCheck, Mail } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,14 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Collections", id: "#collections"},
{
name: "New Arrivals", id: "#arrivals"},
{
name: "Our Story", id: "#about"},
{
name: "Testimonials", id: "#testimonials"},
{ name: "Collections", id: "#collections" },
{ name: "New Arrivals", id: "#arrivals" },
{ name: "Our Story", id: "#about" },
{ name: "Testimonials", id: "#testimonials" },
]}
brandName="MOTIWALA"
/>
@@ -45,15 +42,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
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."
buttons={[
{
text: "Shop Collection", href: "#collections"},
{
text: "Explore Jewelry", href: "#arrivals"},
{ text: "Shop Collection", href: "#collections" },
{ 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"
/>
@@ -65,18 +59,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
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: "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"},
{ 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: "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"
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"
useInvertedBackground={true}
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: "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: "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"},
{ 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: "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"
description="The latest masterpieces, freshly unveiled for the season."
@@ -114,21 +93,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
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: "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"},
{
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"},
{ 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: "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" },
{ 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}
title="Stories of Elegance"
@@ -141,7 +110,8 @@ export default function LandingPage() {
useInvertedBackground={true}
title="The Motiwala Legacy"
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>
@@ -153,58 +123,36 @@ export default function LandingPage() {
title="Editorial Showcase"
description="Curated moments from our studio and our patrons."
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: "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: "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" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact Us"
<ContactSplitForm
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}
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"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
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: "#"},
],
},
]}
<FooterCard
logoText="MOTIWALA"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Mail, href: "mailto:info@motiwala.com", ariaLabel: "Email" }
]}
copyrightText="© 2025 Motiwala Luxury Jewelry"
/>
</div>
</ReactLenis>

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fbfbf7;
--card: #f0ede6;
--foreground: #1a1a1a;
--primary-cta: #c5a059;
--background: #0a0a0a;
--card: #171717;
--foreground: #f5f5f5;
--primary-cta: #d4af37;
--primary-cta-text: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta: #4a004a;
--secondary-cta-text: #d4af37;
--accent: #d4af37;
--background-accent: #e3d5ca;
--background-accent: #260026;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);