bender/7ecc67a3-c807-4e0e-9f13-97234b87837a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-11 19:17:37 +00:00
Conversation 0 Commits 4 Files Changed 4 +176 -430
4 changed files with 176 additions and 430 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/app/bollywood/page.tsx
View File

@@ -17,11 +17,9 @@ export default function BollywoodPage() {
];
const navButton = {
text: "Shop Now",
href: "#products",
};
text: "Shop Now", href: "#products"};
const heroKpis = [
const heroKpis: [{ value: string; label: string }, { value: string; label: string }, { value: string; label: string }] = [
{ value: "8", label: "Major Films" },
{ value: "50+", label: "Unique Items" },
{ value: "97%", label: "Happy Fans" },
@@ -29,77 +27,34 @@ export default function BollywoodPage() {
const bollywoodProducts = [
{
id: "1",
brand: "Dharma Productions",
name: "Koi Mil Gaya - Alien Contact Figurine Deluxe",
price: "$129.99",
rating: 5,
reviewCount: "3.2k",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-variety-hats-carnival-party_23-2148412868.jpg?_wi=2",
imageAlt: "Koi Mil Gaya alien figurine",
},
id: "1", brand: "Dharma Productions", name: "Koi Mil Gaya - Alien Contact Figurine Deluxe", price: "$129.99", rating: 5,
reviewCount: "3.2k", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-variety-hats-carnival-party_23-2148412868.jpg", imageAlt: "Koi Mil Gaya alien figurine"},
{
id: "2",
brand: "Aamir Khan Productions",
name: "Taare Zameen Par Art & Collectibles Premium Box",
price: "$159.99",
rating: 5,
reviewCount: "2.7k",
imageSrc:
"http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407035.jpg?_wi=3",
imageAlt: "Taare Zameen Par premium box",
},
id: "2", brand: "Aamir Khan Productions", name: "Taare Zameen Par Art & Collectibles Premium Box", price: "$159.99", rating: 5,
reviewCount: "2.7k", imageSrc:
"http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407035.jpg", imageAlt: "Taare Zameen Par premium box"},
{
id: "3",
brand: "Yash Raj Films",
name: "Shah Rukh Khan Iconic Pose Statue",
price: "$179.99",
rating: 5,
reviewCount: "2.1k",
imageSrc:
"http://img.b2bpic.net/free-photo/fashionable-young-man-shopping-clothes-store_23-2148175636.jpg?_wi=2",
imageAlt: "SRK statue",
},
id: "3", brand: "Yash Raj Films", name: "Shah Rukh Khan Iconic Pose Statue", price: "$179.99", rating: 5,
reviewCount: "2.1k", imageSrc:
"http://img.b2bpic.net/free-photo/fashionable-young-man-shopping-clothes-store_23-2148175636.jpg", imageAlt: "SRK statue"},
{
id: "4",
brand: "Aditya Chopra Films",
name: "Dilwale Dulhania Le Jayenge Memory Set",
price: "$139.99",
rating: 5,
reviewCount: "2.4k",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg?_wi=6",
imageAlt: "DDLJ memory set",
},
id: "4", brand: "Aditya Chopra Films", name: "Dilwale Dulhania Le Jayenge Memory Set", price: "$139.99", rating: 5,
reviewCount: "2.4k", imageSrc:
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg", imageAlt: "DDLJ memory set"},
{
id: "5",
brand: "Sanjay Leela Bhansali",
name: "Devdas Vintage Poster Collection - Framed",
price: "$189.99",
rating: 5,
reviewCount: "1.9k",
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg?_wi=5",
imageAlt: "Devdas poster collection",
},
id: "5", brand: "Sanjay Leela Bhansali", name: "Devdas Vintage Poster Collection - Framed", price: "$189.99", rating: 5,
reviewCount: "1.9k", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg", imageAlt: "Devdas poster collection"},
{
id: "6",
brand: "Vikas Bahl Films",
name: "Bollywood Blockbuster Bundle - 6 Films Set",
price: "$249.99",
rating: 5,
reviewCount: "3.5k",
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282481.jpg?_wi=4",
imageAlt: "Bollywood blockbuster bundle",
},
id: "6", brand: "Vikas Bahl Films", name: "Bollywood Blockbuster Bundle - 6 Films Set", price: "$249.99", rating: 5,
reviewCount: "3.5k", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282481.jpg", imageAlt: "Bollywood blockbuster bundle"},
];
const footerColumns = [
{
title: "Collections",
items: [
title: "Collections", items: [
{ label: "Hollywood Classics", href: "/hollywood" },
{ label: "Bollywood Treasures", href: "/bollywood" },
{ label: "All Products", href: "#products" },
@@ -107,8 +62,7 @@ export default function BollywoodPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Story", href: "/our-story" },
{ label: "Contact", href: "#contact" },
@@ -116,8 +70,7 @@ export default function BollywoodPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns & Exchanges", href: "/returns" },
{ label: "FAQ", href: "/faq" },
@@ -133,7 +86,7 @@ export default function BollywoodPage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="blurBottom"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
@@ -157,7 +110,7 @@ export default function BollywoodPage() {
background={{ variant: "radial-gradient" }}
kpis={heroKpis}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg"
imageAlt="Bollywood merchandise showcase"
mediaAnimation="blur-reveal"
buttons={[
@@ -196,9 +149,9 @@ export default function BollywoodPage() {
{ value: "100%", label: "Satisfaction Guarantee" },
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg?_wi=5"
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg"
imageAlt="Premium Bollywood collection"
mediaAnimation="fade-in"
mediaAnimation="blur-reveal"
buttons={[
{ text: "Explore Hollywood", href: "/hollywood" },
{ text: "Join Newsletter", href: "#contact" },
@@ -210,7 +163,7 @@ export default function BollywoodPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/film-elements-composition-white-background-with-copy-space_23-2148416830.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/film-elements-composition-white-background-with-copy-space_23-2148416830.jpg"
imageAlt="Cinema theater ambiance"
logoText="CineMerch"
copyrightText="© 2024 CineMerch. Celebrating Cinema Magic Worldwide."

103
src/app/hollywood/page.tsx
View File

@@ -17,11 +17,9 @@ export default function HollywoodPage() {
];
const navButton = {
text: "Shop Now",
href: "#products",
};
text: "Shop Now", href: "#products"};
const heroKpis = [
const heroKpis: [{ value: string; label: string }, { value: string; label: string }, { value: string; label: string }] = [
{ value: "4", label: "Epic Collections" },
{ value: "100+", label: "Unique Items" },
{ value: "99.8%", label: "Customer Satisfaction" },
@@ -29,77 +27,34 @@ export default function HollywoodPage() {
const hollywoodProducts = [
{
id: "1",
brand: "Warner Bros",
name: "Harry Potter Complete Wand Collection - All 7",
price: "$299.99",
rating: 5,
reviewCount: "5.2k",
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282481.jpg?_wi=3",
imageAlt: "Harry Potter complete wand collection",
},
id: "1", brand: "Warner Bros", name: "Harry Potter Complete Wand Collection - All 7", price: "$299.99", rating: 5,
reviewCount: "5.2k", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282481.jpg", imageAlt: "Harry Potter complete wand collection"},
{
id: "2",
brand: "Warner Bros",
name: "Harry Potter Deluxe Trunk - Hogwarts Edition",
price: "$149.99",
rating: 5,
reviewCount: "3.8k",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg?_wi=5",
imageAlt: "Harry Potter trunk",
},
id: "2", brand: "Warner Bros", name: "Harry Potter Deluxe Trunk - Hogwarts Edition", price: "$149.99", rating: 5,
reviewCount: "3.8k", imageSrc:
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg", imageAlt: "Harry Potter trunk"},
{
id: "3",
brand: "Narnia Studios",
name: "Aslan's Sword & Shield Replica Set",
price: "$189.99",
rating: 5,
reviewCount: "2.9k",
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg?_wi=4",
imageAlt: "Narnia sword and shield",
},
id: "3", brand: "Narnia Studios", name: "Aslan's Sword & Shield Replica Set", price: "$189.99", rating: 5,
reviewCount: "2.9k", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg", imageAlt: "Narnia sword and shield"},
{
id: "4",
brand: "Narnia Studios",
name: "Lamppost of Narnia Light-Up Replica",
price: "$159.99",
rating: 5,
reviewCount: "2.4k",
imageSrc:
"http://img.b2bpic.net/free-photo/desk-full-with-make-up-girl-looking-mirror_23-2148282201.jpg?_wi=2",
imageAlt: "Narnia lamppost",
},
id: "4", brand: "Narnia Studios", name: "Lamppost of Narnia Light-Up Replica", price: "$159.99", rating: 5,
reviewCount: "2.4k", imageSrc:
"http://img.b2bpic.net/free-photo/desk-full-with-make-up-girl-looking-mirror_23-2148282201.jpg", imageAlt: "Narnia lamppost"},
{
id: "5",
brand: "Columbia Pictures",
name: "Stuart Little Premium Figurine Set",
price: "$129.99",
rating: 5,
reviewCount: "1.7k",
imageSrc:
"http://img.b2bpic.net/free-photo/fantastic-composition-with-useful-objects-travel_23-2147604695.jpg?_wi=4",
imageAlt: "Stuart Little figurines",
},
id: "5", brand: "Columbia Pictures", name: "Stuart Little Premium Figurine Set", price: "$129.99", rating: 5,
reviewCount: "1.7k", imageSrc:
"http://img.b2bpic.net/free-photo/fantastic-composition-with-useful-objects-travel_23-2147604695.jpg", imageAlt: "Stuart Little figurines"},
{
id: "6",
brand: "20th Century Fox",
name: "Home Alone Complete Decorations Bundle",
price: "$249.99",
rating: 5,
reviewCount: "4.1k",
imageSrc:
"http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564381.jpg?_wi=4",
imageAlt: "Home Alone decorations bundle",
},
id: "6", brand: "20th Century Fox", name: "Home Alone Complete Decorations Bundle", price: "$249.99", rating: 5,
reviewCount: "4.1k", imageSrc:
"http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564381.jpg", imageAlt: "Home Alone decorations bundle"},
];
const footerColumns = [
{
title: "Collections",
items: [
title: "Collections", items: [
{ label: "Hollywood Classics", href: "/hollywood" },
{ label: "Bollywood Treasures", href: "/bollywood" },
{ label: "All Products", href: "#products" },
@@ -107,8 +62,7 @@ export default function HollywoodPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Story", href: "/our-story" },
{ label: "Contact", href: "#contact" },
@@ -116,8 +70,7 @@ export default function HollywoodPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns & Exchanges", href: "/returns" },
{ label: "FAQ", href: "/faq" },
@@ -133,7 +86,7 @@ export default function HollywoodPage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="blurBottom"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
@@ -157,7 +110,7 @@ export default function HollywoodPage() {
background={{ variant: "animated-grid" }}
kpis={heroKpis}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg"
imageAlt="Hollywood merchandise showcase"
mediaAnimation="blur-reveal"
buttons={[
@@ -196,9 +149,9 @@ export default function HollywoodPage() {
{ value: "24/7", label: "Customer Support" },
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg"
imageAlt="Additional collections"
mediaAnimation="fade-in"
mediaAnimation="blur-reveal"
buttons={[
{ text: "Explore Bollywood", href: "/bollywood" },
{ text: "Contact Support", href: "#contact" },
@@ -210,7 +163,7 @@ export default function HollywoodPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/film-elements-composition-white-background-with-copy-space_23-2148416830.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/film-elements-composition-white-background-with-copy-space_23-2148416830.jpg"
imageAlt="Cinema theater ambiance"
logoText="CineMerch"
copyrightText="© 2024 CineMerch. Celebrating Cinema Magic Worldwide."

327
src/app/page.tsx
View File

@@ -31,11 +31,9 @@ export default function HomePage() {
];
const navButton = {
text: "Shop Now",
href: "#products",
};
text: "Shop Now", href: "#products"};
const heroKpis = [
const heroKpis: [{ value: string; label: string }, { value: string; label: string }, { value: string; label: string }] = [
{ value: "500+", label: "Unique Collectibles" },
{ value: "20K+", label: "Happy Collectors" },
{ value: "100%", label: "Authentic Verified" },
@@ -43,290 +41,139 @@ export default function HomePage() {
const collectionFeatures = [
{
title: "Harry Potter Universe",
description:
"Wands, robes, magical artifacts, and exclusive Hogwarts merchandise from the wizarding world",
icon: Wand2,
title: "Harry Potter Universe", description:
"Wands, robes, magical artifacts, and exclusive Hogwarts merchandise from the wizarding world", icon: Wand2,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282481.jpg?_wi=1",
imageAlt: "Harry Potter wand merchandise",
},
"http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282481.jpg", imageAlt: "Harry Potter wand merchandise"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg?_wi=1",
imageAlt: "Potter collectible figure",
},
],
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg", imageAlt: "Potter collectible figure"},
] as [{ imageSrc: string; imageAlt: string }, { imageSrc: string; imageAlt: string }],
},
{
title: "Narnia Chronicles",
description:
"Magical swords, ornaments, and fantasy collectibles from C.S. Lewis's enchanted world",
icon: Crown,
title: "Narnia Chronicles", description:
"Magical swords, ornaments, and fantasy collectibles from C.S. Lewis's enchanted world", icon: Crown,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg?_wi=1",
imageAlt: "Narnia fantasy merchandise",
},
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg", imageAlt: "Narnia fantasy merchandise"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/desk-full-with-make-up-girl-looking-mirror_23-2148282201.jpg?_wi=1",
imageAlt: "Narnia collectible item",
},
],
"http://img.b2bpic.net/free-photo/desk-full-with-make-up-girl-looking-mirror_23-2148282201.jpg", imageAlt: "Narnia collectible item"},
] as [{ imageSrc: string; imageAlt: string }, { imageSrc: string; imageAlt: string }],
},
{
title: "Stuart Little Classics",
description:
"Adorable figurines and heartwarming memorabilia from this beloved animated adventure",
icon: Heart,
title: "Stuart Little Classics", description:
"Adorable figurines and heartwarming memorabilia from this beloved animated adventure", icon: Heart,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/fantastic-composition-with-useful-objects-travel_23-2147604695.jpg?_wi=1",
imageAlt: "Stuart Little merchandise",
},
"http://img.b2bpic.net/free-photo/fantastic-composition-with-useful-objects-travel_23-2147604695.jpg", imageAlt: "Stuart Little merchandise"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg?_wi=2",
imageAlt: "Stuart Little collectible",
},
],
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg", imageAlt: "Stuart Little collectible"},
] as [{ imageSrc: string; imageAlt: string }, { imageSrc: string; imageAlt: string }],
},
{
title: "Home Alone Legacy",
description:
"Festive decorations, figurines, and nostalgic collectibles from Christmas cinema magic",
icon: Home,
title: "Home Alone Legacy", description:
"Festive decorations, figurines, and nostalgic collectibles from Christmas cinema magic", icon: Home,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564381.jpg?_wi=1",
imageAlt: "Home Alone merchandise",
},
"http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564381.jpg", imageAlt: "Home Alone merchandise"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg?_wi=3",
imageAlt: "Home Alone collectible",
},
],
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg", imageAlt: "Home Alone collectible"},
] as [{ imageSrc: string; imageAlt: string }, { imageSrc: string; imageAlt: string }],
},
];
const featuredProducts = [
{
id: "1",
brand: "Warner Bros",
name: "Harry Potter Replica Wand Set - Dumbledore Collection",
price: "$89.99",
rating: 5,
reviewCount: "2.3k",
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282481.jpg?_wi=2",
imageAlt: "Harry Potter wand set",
},
id: "1", brand: "Warner Bros", name: "Harry Potter Replica Wand Set - Dumbledore Collection", price: "$89.99", rating: 5,
reviewCount: "2.3k", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282481.jpg", imageAlt: "Harry Potter wand set"},
{
id: "2",
brand: "Narnia Studios",
name: "Aslan's Crown Limited Edition Collectible",
price: "$124.99",
rating: 5,
reviewCount: "1.8k",
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg?_wi=2",
imageAlt: "Narnia crown collectible",
},
id: "2", brand: "Narnia Studios", name: "Aslan's Crown Limited Edition Collectible", price: "$124.99", rating: 5,
reviewCount: "1.8k", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg", imageAlt: "Narnia crown collectible"},
{
id: "3",
brand: "Columbia Pictures",
name: "Stuart Little Animation Cel Print - Signed",
price: "$79.99",
rating: 5,
reviewCount: "945",
imageSrc:
"http://img.b2bpic.net/free-photo/fantastic-composition-with-useful-objects-travel_23-2147604695.jpg?_wi=2",
imageAlt: "Stuart Little merchandise",
},
id: "3", brand: "Columbia Pictures", name: "Stuart Little Animation Cel Print - Signed", price: "$79.99", rating: 5,
reviewCount: "945", imageSrc:
"http://img.b2bpic.net/free-photo/fantastic-composition-with-useful-objects-travel_23-2147604695.jpg", imageAlt: "Stuart Little merchandise"},
{
id: "4",
brand: "20th Century Fox",
name: "Home Alone Iconic Scene Figurine Diorama",
price: "$134.99",
rating: 5,
reviewCount: "3.1k",
imageSrc:
"http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564381.jpg?_wi=2",
imageAlt: "Home Alone figurine set",
},
id: "4", brand: "20th Century Fox", name: "Home Alone Iconic Scene Figurine Diorama", price: "$134.99", rating: 5,
reviewCount: "3.1k", imageSrc:
"http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564381.jpg", imageAlt: "Home Alone figurine set"},
{
id: "5",
brand: "Dharma Productions",
name: "Koi Mil Gaya - Alien Contact Replica Figure",
price: "$99.99",
rating: 5,
reviewCount: "1.5k",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-variety-hats-carnival-party_23-2148412868.jpg?_wi=1",
imageAlt: "Bollywood alien collectible",
},
id: "5", brand: "Dharma Productions", name: "Koi Mil Gaya - Alien Contact Replica Figure", price: "$99.99", rating: 5,
reviewCount: "1.5k", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-variety-hats-carnival-party_23-2148412868.jpg", imageAlt: "Bollywood alien collectible"},
{
id: "6",
brand: "Aamir Khan Productions",
name: "Taare Zameen Par Art Print Collection - Premium",
price: "$69.99",
rating: 5,
reviewCount: "2.1k",
imageSrc:
"http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407035.jpg?_wi=1",
imageAlt: "Bollywood art print",
},
id: "6", brand: "Aamir Khan Productions", name: "Taare Zameen Par Art Print Collection - Premium", price: "$69.99", rating: 5,
reviewCount: "2.1k", imageSrc:
"http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407035.jpg", imageAlt: "Bollywood art print"},
];
const testimonials = [
{
id: "1",
name: "Sarah Mitchell, Film Enthusiast",
date: "Date: 15 November 2024",
title: "Absolutely Perfect Harry Potter Collection!",
quote:
"The quality of these Harry Potter wands is incredible. Each one feels authentic and the packaging is beautiful. It's like owning a piece of Hogwarts itself. This is my third order and I keep coming back!",
tag: "Verified Buyer",
avatarSrc:
"http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
avatarAlt: "Sarah Mitchell",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg?_wi=4",
imageAlt: "Product featured",
},
id: "1", name: "Sarah Mitchell, Film Enthusiast", date: "Date: 15 November 2024", title: "Absolutely Perfect Harry Potter Collection!", quote:
"The quality of these Harry Potter wands is incredible. Each one feels authentic and the packaging is beautiful. It's like owning a piece of Hogwarts itself. This is my third order and I keep coming back!", tag: "Verified Buyer", avatarSrc:
"http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", avatarAlt: "Sarah Mitchell", imageSrc:
"http://img.b2bpic.net/free-photo/side-view-decorated-chocolate-candy-black-gold-box_140725-13998.jpg", imageAlt: "Product featured"},
{
id: "2",
name: "Rajesh Patel, Bollywood Fan",
date: "Date: 22 October 2024",
title: "Finally Found Authentic Bollywood Merchandise",
quote:
"As a huge Bollywood fan, I've searched everywhere for quality merchandise. CineMerch's Taare Zameen Par collection touched my heart. The art prints are museum-quality and the customer service is outstanding.",
tag: "Verified Buyer",
avatarSrc:
"http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-confident-young-african-american-woman-dressed-stylish-purple-turtleneck-smiling-joyfully-showing-ok-gesture_344912-1015.jpg",
avatarAlt: "Rajesh Patel",
imageSrc:
"http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407035.jpg?_wi=2",
imageAlt: "Bollywood collection",
},
id: "2", name: "Rajesh Patel, Bollywood Fan", date: "Date: 22 October 2024", title: "Finally Found Authentic Bollywood Merchandise", quote:
"As a huge Bollywood fan, I've searched everywhere for quality merchandise. CineMerch's Taare Zameen Par collection touched my heart. The art prints are museum-quality and the customer service is outstanding.", tag: "Verified Buyer", avatarSrc:
"http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-confident-young-african-american-woman-dressed-stylish-purple-turtleneck-smiling-joyfully-showing-ok-gesture_344912-1015.jpg", avatarAlt: "Rajesh Patel", imageSrc:
"http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407035.jpg", imageAlt: "Bollywood collection"},
{
id: "3",
name: "Emma Chen, Narnia Collector",
date: "Date: 3 December 2024",
title: "The Narnia Crown is a Masterpiece",
quote:
"I'm a devoted Narnia fan and this Aslan's Crown is beyond my expectations. The craftsmanship, the attention to detail, the weight of it in your hands—it makes you believe in Narnia all over again.",
tag: "Premium Member",
avatarSrc:
"http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150168137.jpg",
avatarAlt: "Emma Chen",
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg?_wi=3",
imageAlt: "Narnia collection",
},
id: "3", name: "Emma Chen, Narnia Collector", date: "Date: 3 December 2024", title: "The Narnia Crown is a Masterpiece", quote:
"I'm a devoted Narnia fan and this Aslan's Crown is beyond my expectations. The craftsmanship, the attention to detail, the weight of it in your hands—it makes you believe in Narnia all over again.", tag: "Premium Member", avatarSrc:
"http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150168137.jpg", avatarAlt: "Emma Chen", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-travel-items-wooden-table_23-2148666252.jpg", imageAlt: "Narnia collection"},
{
id: "4",
name: "Michael Torres, Home Alone Enthusiast",
date: "Date: 18 November 2024",
title: "Christmas Magic, Year Round",
quote:
"Every December feels incomplete without Home Alone, and now with this diorama, it's like Christmas is always at my place. The detail is phenomenal and it's become the centerpiece of my home theater setup.",
tag: "Verified Buyer",
avatarSrc:
"http://img.b2bpic.net/free-photo/smiling-curly-girl_1398-662.jpg",
avatarAlt: "Michael Torres",
imageSrc:
"http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564381.jpg?_wi=3",
imageAlt: "Home Alone collection",
},
id: "4", name: "Michael Torres, Home Alone Enthusiast", date: "Date: 18 November 2024", title: "Christmas Magic, Year Round", quote:
"Every December feels incomplete without Home Alone, and now with this diorama, it's like Christmas is always at my place. The detail is phenomenal and it's become the centerpiece of my home theater setup.", tag: "Verified Buyer", avatarSrc:
"http://img.b2bpic.net/free-photo/smiling-curly-girl_1398-662.jpg", avatarAlt: "Michael Torres", imageSrc:
"http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564381.jpg", imageAlt: "Home Alone collection"},
{
id: "5",
name: "Aisha Kumar, Cinema Collector",
date: "Date: 25 September 2024",
title: "A Treasure Trove of Cinema History",
quote:
"CineMerch has helped me build a collection that tells the story of my favorite films. From Hollywood classics to Bollywood gems, every piece is cherished. Highly recommend to any true film lover.",
tag: "Premium Member",
avatarSrc:
"http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
avatarAlt: "Aisha Kumar",
imageSrc:
"http://img.b2bpic.net/free-photo/fashionable-young-man-shopping-clothes-store_23-2148175636.jpg?_wi=1",
imageAlt: "Product collection",
},
id: "5", name: "Aisha Kumar, Cinema Collector", date: "Date: 25 September 2024", title: "A Treasure Trove of Cinema History", quote:
"CineMerch has helped me build a collection that tells the story of my favorite films. From Hollywood classics to Bollywood gems, every piece is cherished. Highly recommend to any true film lover.", tag: "Premium Member", avatarSrc:
"http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", avatarAlt: "Aisha Kumar", imageSrc:
"http://img.b2bpic.net/free-photo/fashionable-young-man-shopping-clothes-store_23-2148175636.jpg", imageAlt: "Product collection"},
{
id: "6",
name: "David Ross, Stuart Little Admirer",
date: "Date: 8 October 2024",
title: "Childhood Dreams Come True",
quote:
"Growing up, Stuart Little meant everything to me. Finding this merchandise here brought back all the joy and wonder. The quality is exceptional and it's perfect for display. Thank you CineMerch!",
tag: "Verified Buyer",
avatarSrc:
"http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg",
avatarAlt: "David Ross",
imageSrc:
"http://img.b2bpic.net/free-photo/fantastic-composition-with-useful-objects-travel_23-2147604695.jpg?_wi=3",
imageAlt: "Stuart Little collection",
},
id: "6", name: "David Ross, Stuart Little Admirer", date: "Date: 8 October 2024", title: "Childhood Dreams Come True", quote:
"Growing up, Stuart Little meant everything to me. Finding this merchandise here brought back all the joy and wonder. The quality is exceptional and it's perfect for display. Thank you CineMerch!", tag: "Verified Buyer", avatarSrc:
"http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg", avatarAlt: "David Ross", imageSrc:
"http://img.b2bpic.net/free-photo/fantastic-composition-with-useful-objects-travel_23-2147604695.jpg", imageAlt: "Stuart Little collection"},
];
const blogPosts = [
{
id: "1",
category: ["Collecting", "Hollywood"],
title: "The Art of Building a Movie Merchandise Collection",
excerpt:
"Learn expert tips on curating, displaying, and preserving your cinematic treasures. We explore what makes a collection meaningful and how to spot authentic collectibles.",
imageSrc:
"http://img.b2bpic.net/free-photo/it-s-movie-time-lettering-with-cinema-elements_23-2148416820.jpg",
imageAlt: "Movie collection article",
authorName: "Sarah Mitchell",
authorAvatar:
"http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
date: "12 Dec 2024",
},
id: "1", category: ["Collecting", "Hollywood"],
title: "The Art of Building a Movie Merchandise Collection", excerpt:
"Learn expert tips on curating, displaying, and preserving your cinematic treasures. We explore what makes a collection meaningful and how to spot authentic collectibles.", imageSrc:
"http://img.b2bpic.net/free-photo/it-s-movie-time-lettering-with-cinema-elements_23-2148416820.jpg", imageAlt: "Movie collection article", authorName: "Sarah Mitchell", authorAvatar:
"http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", date: "12 Dec 2024"},
{
id: "2",
category: ["Bollywood", "Guide"],
title: "Celebrating Indian Cinema: Bollywood Merchandise Guide",
excerpt:
"Discover the emotional connection between films and merchandise. A deep dive into why Bollywood collectibles resonate so powerfully with fans worldwide.",
imageSrc:
"http://img.b2bpic.net/free-photo/cola-popcorn-box-popcorn-frame_23-2147698933.jpg",
imageAlt: "Bollywood guide article",
authorName: "Rajesh Patel",
authorAvatar:
"http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-confident-young-african-american-woman-dressed-stylish-purple-turtleneck-smiling-joyfully-showing-ok-gesture_344912-1015.jpg",
date: "8 Dec 2024",
},
id: "2", category: ["Bollywood", "Guide"],
title: "Celebrating Indian Cinema: Bollywood Merchandise Guide", excerpt:
"Discover the emotional connection between films and merchandise. A deep dive into why Bollywood collectibles resonate so powerfully with fans worldwide.", imageSrc:
"http://img.b2bpic.net/free-photo/cola-popcorn-box-popcorn-frame_23-2147698933.jpg", imageAlt: "Bollywood guide article", authorName: "Rajesh Patel", authorAvatar:
"http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-confident-young-african-american-woman-dressed-stylish-purple-turtleneck-smiling-joyfully-showing-ok-gesture_344912-1015.jpg", date: "8 Dec 2024"},
{
id: "3",
category: ["Nostalgia", "Tips"],
title: "Preserving Cinema Magic: How to Care for Your Collectibles",
excerpt:
"Proper care ensures your beloved movie merchandise lasts for generations. Discover storage solutions, climate control, and display techniques from conservation experts.",
imageSrc:
"http://img.b2bpic.net/free-photo/view-vintage-camera_23-2150315164.jpg",
imageAlt: "Collectibles care tips",
authorName: "Emma Chen",
authorAvatar:
"http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150168137.jpg",
date: "4 Dec 2024",
},
id: "3", category: ["Nostalgia", "Tips"],
title: "Preserving Cinema Magic: How to Care for Your Collectibles", excerpt:
"Proper care ensures your beloved movie merchandise lasts for generations. Discover storage solutions, climate control, and display techniques from conservation experts.", imageSrc:
"http://img.b2bpic.net/free-photo/view-vintage-camera_23-2150315164.jpg", imageAlt: "Collectibles care tips", authorName: "Emma Chen", authorAvatar:
"http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150168137.jpg", date: "4 Dec 2024"},
];
const footerColumns = [
{
title: "Collections",
items: [
title: "Collections", items: [
{ label: "Hollywood Classics", href: "/hollywood" },
{ label: "Bollywood Treasures", href: "/bollywood" },
{ label: "All Products", href: "#products" },
@@ -334,8 +181,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Story", href: "/our-story" },
{ label: "Contact", href: "#contact" },
@@ -343,8 +189,7 @@ export default function HomePage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Shipping Info", href: "/shipping" },
{ label: "Returns & Exchanges", href: "/returns" },
{ label: "FAQ", href: "/faq" },
@@ -360,7 +205,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="blurBottom"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
@@ -381,10 +226,10 @@ export default function HomePage() {
description="Discover authentic merchandise from beloved Hollywood classics and heartwarming Bollywood films. From Harry Potter's wizarding world to Taare Zameen Par's emotional journey—find your perfect collectible."
tag="Exclusive Collections"
tagIcon={Sparkles}
background={{ variant: "blurBottom" }}
background={{ variant: "glowing-orb" }}
kpis={heroKpis}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/glasses-cinema-stuff_23-2147698874.jpg"
imageAlt="Movie merchandise collection showcase"
mediaAnimation="blur-reveal"
buttons={[
@@ -470,7 +315,7 @@ export default function HomePage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/film-elements-composition-white-background-with-copy-space_23-2148416830.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/film-elements-composition-white-background-with-copy-space_23-2148416830.jpg"
imageAlt="Cinema theater ambiance"
logoText="CineMerch"
copyrightText="© 2024 CineMerch. Celebrating Cinema Magic Worldwide."

73
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,46 @@
"use client";
import React, { SVGProps } from "react";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
type SvgTextLogoProps = SVGProps<SVGSVGElement> & {
text?: string;
fontSize?: number;
fontFamily?: string;
fontWeight?: string | number;
fill?: string;
dominantBaseline?: "auto" | "text-top" | "middle" | "text-bottom" | "hanging";
textAnchor?: "start" | "middle" | "end";
};
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text = "Webild", fontSize = 32,
fontFamily = "Inter, sans-serif", fontWeight = "bold", fill = "currentColor", dominantBaseline = "middle", textAnchor = "middle", ...rest
}) => {
const svgWidth = 200;
const svgHeight = 64;
const textX = svgWidth / 2;
const textY = svgHeight / 2;
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
width={svgWidth}
height={svgHeight}
viewBox={`0 0 ${svgWidth} ${svgHeight}`}
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x={textX}
y={textY}
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
fill={fill}
dominantBaseline={dominantBaseline}
textAnchor={textAnchor}
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;