bender/124e5fb1-93df-416c-be06-2b29f518f777
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

3 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
97de9b004f Update src/app/styles/variables.css 2026-05-11 00:47:31 +00:00
bender
31a31602b0 Update src/app/page.tsx 2026-05-11 00:47:30 +00:00
bender
4b76f19a5d Merge version_2 into main 
Merge version_2 into main
 2026-05-11 00:45:59 +00:00
2 changed files with 35 additions and 145 deletions
Expand all files Collapse all files

170
src/app/page.tsx
View File

@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, CheckCircle, Diamond, Globe, Heart, ShieldCheck, Sparkles } from "lucide-react";
import { Award, CheckCircle, Diamond, Globe, Heart, ShieldCheck, Sparkles, Phone, Mail, MapPin } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,14 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Collections", id: "collections"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Collections", id: "collections" },
{ name: "Contact", id: "contact" },
]}
brandName="MPJ Jewellers"
/>
@@ -47,62 +43,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
title="Timeless Elegance, Trusted Since Years"
description="Discover exquisite gold, diamond, and silver craftsmanship at MPJ Jewellers, Mullickbazar, Kolkata."
testimonials={[
{
name: "Ananya Chatterjee", handle: "Wedding Buyer", testimonial: "Exquisite bridal collection. The purity is unmatched.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-calm-happy-pretty-woman-with-bright-evening-makeup-wearing-summer-yellow-dress-sea-shell-necklace_343596-3835.jpg"},
{
name: "Rajesh Sharma", handle: "Loyal Customer", testimonial: "Been a customer for years. Always trust their hallmark certification.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg"},
{
name: "Sunita Das", handle: "Daily Wear Buyer", testimonial: "Very lightweight and elegant daily wear options available.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg"},
{
name: "Priya Sen", handle: "Gift Buyer", testimonial: "Bought a gift here. Extremely happy with the quality and service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-positive-woman-smiles-broadly-looks-away-feels-happy-wears-panama-hoodie-being-good-mood-isolated-pink-background-blank-copy-space-your-promotional-content-emotions-concept_273609-58398.jpg"},
{
name: "Amitabha Bose", handle: "Wedding Buyer", testimonial: "Best place for premium diamond jewellery in Mullickbazar.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-looking-camera-with-confident-smile-face-pointing-with-index-finger-side-standing-green_141793-109093.jpg"},
{ name: "Ananya Chatterjee", handle: "Wedding Buyer", testimonial: "Exquisite bridal collection. The purity is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-calm-happy-pretty-woman-with-bright-evening-makeup-wearing-summer-yellow-dress-sea-shell-necklace_343596-3835.jpg" },
{ name: "Rajesh Sharma", handle: "Loyal Customer", testimonial: "Been a customer for years. Always trust their hallmark certification.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" }
]}
buttons={[
{
text: "View Collection", href: "#collections"},
{
text: "Visit Store", href: "#contact"},
{ text: "View Collection", href: "#collections" },
{ text: "Visit Store", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/wedding-rings-ring-box-boat-deck_23-2151995446.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490495.jpg", alt: "Customer avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/close-shot-woman-wearing-sea-shell-necklace-beach_343596-973.jpg", alt: "Customer avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-chain-necklace_23-2149439883.jpg", alt: "Customer avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-caucasian-calm-romantic-woman-casual-look-with-long-hair-wearing-earings-necklace-background-amazing-beautiful-view-green-mountains_343596-963.jpg", alt: "Customer avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Customer avatar 5"},
]}
marqueeItems={[
{
type: "text-icon", text: "BIS Hallmarked", icon: ShieldCheck,
},
{
type: "text-icon", text: "100% Pure Gold", icon: Diamond,
},
{
type: "text-icon", text: "Custom Crafts", icon: Sparkles,
},
{
type: "text-icon", text: "Trusted Legacy", icon: Award,
},
{
type: "text-icon", text: "Global Design", icon: Globe,
},
{ type: "text-icon", text: "BIS Hallmarked", icon: ShieldCheck },
{ type: "text-icon", text: "100% Pure Gold", icon: Diamond },
{ type: "text-icon", text: "Custom Crafts", icon: Sparkles },
]}
/>
</div>
@@ -111,10 +67,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text", content: "The Story of MPJ Jewellers"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/side-view-smiley-women-with-grapes_23-2149461689.jpg", alt: "About Heritage"},
{ type: "text", content: "The Story of MPJ Jewellers" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/side-view-smiley-women-with-grapes_23-2149461689.jpg", alt: "About Heritage" },
]}
/>
</div>
@@ -126,18 +80,8 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1", name: "Gold Necklace Set", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-like-cleopatra-ancient-egyptian-costume-confused-surprised-holding-hand-her-head-mistake-orange_141793-130112.jpg"},
{
id: "2", name: "Diamond Solitaire", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/closeup-diamond-ring_53876-17947.jpg"},
{
id: "3", name: "Bridal Bangles", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400862.jpg"},
{
id: "4", name: "Daily Wear Earring", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548539.jpg"},
{
id: "5", name: "Antique Silver Ring", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/female-jeweler-working-shop_23-2150914303.jpg"},
{
id: "6", name: "Traditional Gold Chain", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/gold-chain-beautiful-flower-assortment_23-2149836473.jpg"},
{ id: "1", name: "Gold Necklace Set", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-like-cleopatra-ancient-egyptian-costume-confused-surprised-holding-hand-her-head-mistake-orange_141793-130112.jpg" },
{ id: "2", name: "Diamond Solitaire", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/closeup-diamond-ring_53876-17947.jpg" }
]}
title="Our Collections"
description="Handcrafted perfection for every occasion."
@@ -150,18 +94,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: CheckCircle,
title: "Hallmarked Gold", description: "100% BIS Hallmarked jewellery ensures purity."},
{
icon: Sparkles,
title: "Affordable Pricing", description: "Premium designs at genuine competitive rates."},
{
icon: ShieldCheck,
title: "Mullickbazar Trusted", description: "Years of legacy and customer community trust."},
{
icon: Diamond,
title: "Custom Designs", description: "Expert craftsmen to design your dream jewellery."},
{ icon: CheckCircle, title: "Hallmarked Gold", description: "100% BIS Hallmarked jewellery ensures purity." },
{ icon: Sparkles, title: "Affordable Pricing", description: "Premium designs at genuine competitive rates." }
]}
title="Why Choose MPJ?"
description="Trusted by generations for quality and transparency."
@@ -175,15 +109,8 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "15+", title: "Years Experience", description: "Legacy in Kolkata", icon: Award,
},
{
id: "m2", value: "5000+", title: "Happy Couples", description: "Serving weddings", icon: Heart,
},
{
id: "m3", value: "100%", title: "Certification", description: "BIS Hallmark purity", icon: ShieldCheck,
},
{ id: "m1", value: "15+", title: "Years Experience", description: "Legacy in Kolkata", icon: Award },
{ id: "m2", value: "5000+", title: "Happy Couples", description: "Serving weddings", icon: Heart },
]}
title="Trust at a Glance"
description="Milestones that define our commitment to excellence."
@@ -196,16 +123,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Ananya", role: "Bride", testimonial: "Wonderful service and authentic gold purity.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-red-dress_633478-2096.jpg"},
{
id: "2", name: "Rajesh", role: "Patron", testimonial: "My first choice for jewellery in Mullickbazar.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-looking-up-hapy-pleased-clenching-fist-standing-green-background_141793-118417.jpg"},
{
id: "3", name: "Sunita", role: "Regular", testimonial: "Stunning craftsmanship and polite staff.", imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg"},
{
id: "4", name: "Priya", role: "Gift buyer", testimonial: "Best place for diamond collections.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-cute-blond-girl-charmingly-looking-camera-isolated-yellow-background_574295-2343.jpg"},
{
id: "5", name: "Amitabha", role: "Groom", testimonial: "Wedding jewellery turned out perfect.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-showing-namaste-gesture-holding-palms-clenched-together-near-chest-standing_1258-203315.jpg"},
{ id: "1", name: "Ananya", role: "Bride", testimonial: "Wonderful service and authentic gold purity.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-red-dress_633478-2096.jpg" },
]}
title="What Our Clients Say"
description="Read experiences from our valued patrons."
@@ -215,52 +133,24 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
text="Visit Our Showroom: Visit MPJ Jewellers, Mullickbazar, Kolkata, for your perfect piece. Call us at +91 98765 43210 or visit our store."
buttons={[
{
text: "Call Us", href: "tel:+919876543210"},
{
text: "WhatsApp", href: "https://wa.me/919876543210"},
{ text: "Call Us", href: "tel:+919876543210" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
<FooterCard
logoText="MPJ Jewellers"
columns={[
{
title: "Store Address", items: [
{
label: "Mullickbazar, Kolkata, West Bengal", href: "#"},
{
label: "Open: 11 AM - 8 PM", href: "#"},
],
},
{
title: "Explore", items: [
{
label: "Gold", href: "#collections"},
{
label: "Diamond", href: "#collections"},
{
label: "Bridal", href: "#collections"},
],
},
{
title: "Support", items: [
{
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy", href: "#"},
],
},
copyrightText="© 2025 MPJ Jewellers. All rights reserved."
socialLinks={[
{ icon: Globe, href: "#", ariaLabel: "Website" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #1c1c1c;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #d4af37;
--primary-cta-text: #000000;
--secondary-cta: #000000;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #c4a12e;
--background-accent: #f3e5ab;
--background-accent: #5b4e28;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);