bender/1bfa827e-3b33-43fe-a7b0-cd70dd1394b8
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 03:50:56 +00:00
Conversation 0 Commits 4 Files Changed 4 +100 -267
4 changed files with 100 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/app/about/page.tsx
View File

@@ -6,7 +6,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { TrendingUp, Users, Zap, Award } from 'lucide-react';
import { TrendingUp, Users, Zap, Award, Heart } from 'lucide-react';
const AboutPage = () => {
const navItems = [
@@ -19,8 +19,7 @@ const AboutPage = () => {
const footerColumns = [
{
title: "Products",
items: [
title: "Products", items: [
{ label: "Kitchen Appliances", href: "/products" },
{ label: "PC Components", href: "/products" },
{ label: "Mobile Phones", href: "/products" },
@@ -28,8 +27,7 @@ const AboutPage = () => {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Local Shops", href: "/shops" },
{ label: "Contact", href: "/contact" },
@@ -37,8 +35,7 @@ const AboutPage = () => {
]
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "FAQs", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -46,8 +43,7 @@ const AboutPage = () => {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Disclaimer", href: "#" },
@@ -63,7 +59,7 @@ const AboutPage = () => {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -78,29 +74,17 @@ const AboutPage = () => {
title="Our Mission & Values"
description="ElectroHub bridges the gap between online convenience and local retail expertise, empowering consumers to make informed electronics purchases"
tag="Our Story"
tagIcon="Heart"
tagIcon={Heart}
tagAnimation="slide-up"
features={[
{
id: "01",
title: "Empowering Consumers",
description: "We believe everyone deserves transparent pricing, real-time availability, and direct access to knowledgeable retailers",
imageSrc: "http://img.b2bpic.net/free-photo/female-white-blouse-blue-jeans-holding-phone-card_140725-25663.jpg?_wi=4",
imageAlt: "Consumer empowerment"
id: "01", title: "Empowering Consumers", description: "We believe everyone deserves transparent pricing, real-time availability, and direct access to knowledgeable retailers", imageSrc: "http://img.b2bpic.net/free-photo/female-white-blouse-blue-jeans-holding-phone-card_140725-25663.jpg", imageAlt: "Consumer empowerment"
},
{
id: "02",
title: "Supporting Local Retailers",
description: "Our platform gives small and medium electronics shops a digital presence to compete with large online marketplaces",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg?_wi=4",
imageAlt: "Local retailers support"
id: "02", title: "Supporting Local Retailers", description: "Our platform gives small and medium electronics shops a digital presence to compete with large online marketplaces", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg", imageAlt: "Local retailers support"
},
{
id: "03",
title: "Building Trust",
description: "Through verified ratings, transparent pricing, and direct communication channels, we foster genuine relationships between buyers and sellers",
imageSrc: "http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg?_wi=5",
imageAlt: "Trust and communication"
id: "03", title: "Building Trust", description: "Through verified ratings, transparent pricing, and direct communication channels, we foster genuine relationships between buyers and sellers", imageSrc: "http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg", imageAlt: "Trust and communication"
}
]}
textboxLayout="default"
@@ -118,36 +102,20 @@ const AboutPage = () => {
tagIcon={Award}
testimonials={[
{
id: "1",
name: "Rajesh Kumar",
role: "Tech Enthusiast",
company: "Mumbai",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=2"
id: "1", name: "Rajesh Kumar", role: "Tech Enthusiast", company: "Mumbai", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg"
},
{
id: "2",
name: "Priya Singh",
role: "Homemaker",
company: "Delhi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-business-woman-showing-thumb-up_1262-4720.jpg?_wi=2"
id: "2", name: "Priya Singh", role: "Homemaker", company: "Delhi", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-business-woman-showing-thumb-up_1262-4720.jpg"
},
{
id: "3",
name: "Amit Patel",
role: "Business Owner",
company: "Bangalore",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg?_wi=2"
id: "3", name: "Amit Patel", role: "Business Owner", company: "Bangalore", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg"
},
{
id: "4",
name: "Neha Sharma",
role: "Student",
company: "Hyderabad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg?_wi=2"
id: "4", name: "Neha Sharma", role: "Student", company: "Hyderabad", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"
}
]}
kpiItems={[

185
src/app/page.tsx
View File

@@ -21,7 +21,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -47,8 +47,8 @@ export default function HomePage() {
tag="Smart Shopping Made Easy"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/young-man-taking-coffee-from-capsule-espresso-coffee-maker_23-2147893479.jpg?_wi=1"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/young-man-taking-coffee-from-capsule-espresso-coffee-maker_23-2147893479.jpg"
imageAlt="Electronics shopping marketplace"
buttons={[
{ text: "Explore Products", href: "/products" },
@@ -67,33 +67,13 @@ export default function HomePage() {
tagAnimation="blur-reveal"
features={[
{
id: "01",
title: "Kitchen Appliances",
description: "From coffee makers to refrigerators - find the best kitchen gadgets with local pricing",
imageSrc: "http://img.b2bpic.net/free-photo/juicer-glass-filled-with-apple-juice-kitchen-table_169016-49255.jpg?_wi=1",
imageAlt: "Kitchen appliances",
},
id: "01", title: "Kitchen Appliances", description: "From coffee makers to refrigerators - find the best kitchen gadgets with local pricing", imageSrc: "http://img.b2bpic.net/free-photo/juicer-glass-filled-with-apple-juice-kitchen-table_169016-49255.jpg", imageAlt: "Kitchen appliances"},
{
id: "02",
title: "PC & Components",
description: "Graphics cards, processors, SSDs - build your dream PC with competitive local prices",
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545638.jpg?_wi=1",
imageAlt: "PC components",
},
id: "02", title: "PC & Components", description: "Graphics cards, processors, SSDs - build your dream PC with competitive local prices", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545638.jpg", imageAlt: "PC components"},
{
id: "03",
title: "Mobile Phones",
description: "Latest smartphones from all major brands with real-time local inventory",
imageSrc: "http://img.b2bpic.net/free-photo/workplace_93675-130641.jpg",
imageAlt: "Mobile phones",
},
id: "03", title: "Mobile Phones", description: "Latest smartphones from all major brands with real-time local inventory", imageSrc: "http://img.b2bpic.net/free-photo/workplace_93675-130641.jpg", imageAlt: "Mobile phones"},
{
id: "04",
title: "Laptops & Tablets",
description: "Portable computing devices for work and entertainment at local shop prices",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-woman-with-tablet_23-2148471063.jpg",
imageAlt: "Laptops and tablets",
},
id: "04", title: "Laptops & Tablets", description: "Portable computing devices for work and entertainment at local shop prices", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-woman-with-tablet_23-2148471063.jpg", imageAlt: "Laptops and tablets"},
]}
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
@@ -125,33 +105,13 @@ export default function HomePage() {
tagAnimation="opacity"
products={[
{
id: "1",
name: "Premium Coffee Maker Pro",
price: "₹8,999 - ₹12,500",
imageSrc: "http://img.b2bpic.net/free-photo/part-kitchen-interior-with-utensils-fruits-table-modern-kitchen_169016-15714.jpg?_wi=1",
imageAlt: "Coffee maker",
},
id: "1", name: "Premium Coffee Maker Pro", price: "₹8,999 - ₹12,500", imageSrc: "http://img.b2bpic.net/free-photo/part-kitchen-interior-with-utensils-fruits-table-modern-kitchen_169016-15714.jpg", imageAlt: "Coffee maker"},
{
id: "2",
name: "Gaming RTX Graphics Card",
price: "₹45,000 - ₹65,000",
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105520.jpg?_wi=1",
imageAlt: "Graphics card",
},
id: "2", name: "Gaming RTX Graphics Card", price: "₹45,000 - ₹65,000", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105520.jpg", imageAlt: "Graphics card"},
{
id: "3",
name: "Flagship Smartphone 5G",
price: "₹55,000 - ₹75,000",
imageSrc: "http://img.b2bpic.net/free-photo/female-white-blouse-blue-jeans-holding-phone-card_140725-25663.jpg?_wi=1",
imageAlt: "Smartphone",
},
id: "3", name: "Flagship Smartphone 5G", price: "₹55,000 - ₹75,000", imageSrc: "http://img.b2bpic.net/free-photo/female-white-blouse-blue-jeans-holding-phone-card_140725-25663.jpg", imageAlt: "Smartphone"},
{
id: "4",
name: "Ultrabook Laptop 16GB",
price: "₹85,000 - ₹120,000",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-coffee-cup-eyeglasses-laptop-pencil-adhesive-notepad-spiral-notepad-against-pink-backdrop_23-2147979082.jpg?_wi=1",
imageAlt: "Laptop",
},
id: "4", name: "Ultrabook Laptop 16GB", price: "₹85,000 - ₹120,000", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-coffee-cup-eyeglasses-laptop-pencil-adhesive-notepad-spiral-notepad-against-pink-backdrop_23-2147979082.jpg", imageAlt: "Laptop"},
]}
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
@@ -168,49 +128,22 @@ export default function HomePage() {
tagIcon={BarChart3}
plans={[
{
id: "kitchen",
badge: "Popular Category",
badgeIcon: UtensilsCrossed,
price: "Avg. ₹5K - ₹50K",
subtitle: "Kitchen Appliances",
buttons: [{ text: "View Prices", href: "/products" }],
id: "kitchen", badge: "Popular Category", badgeIcon: UtensilsCrossed,
price: "Avg. ₹5K - ₹50K", subtitle: "Kitchen Appliances", buttons: [{ text: "View Prices", href: "/products" }],
features: [
"Real-time local shop pricing",
"Quality ratings from customers",
"Direct contact to local retailers",
"In-store availability info",
"Warranty details included",
],
"Real-time local shop pricing", "Quality ratings from customers", "Direct contact to local retailers", "In-store availability info", "Warranty details included"],
},
{
id: "pc",
badge: "Tech Enthusiasts",
badgeIcon: Cpu,
price: "Avg. ₹2K - ₹100K",
subtitle: "PC Parts & Components",
buttons: [{ text: "View Prices", href: "/products" }],
id: "pc", badge: "Tech Enthusiasts", badgeIcon: Cpu,
price: "Avg. ₹2K - ₹100K", subtitle: "PC Parts & Components", buttons: [{ text: "View Prices", href: "/products" }],
features: [
"Specifications comparison",
"Performance benchmarks",
"Compatibility checker",
"Local stock availability",
"Expert recommendations",
],
"Specifications comparison", "Performance benchmarks", "Compatibility checker", "Local stock availability", "Expert recommendations"],
},
{
id: "mobile",
badge: "Always Updated",
badgeIcon: Smartphone,
price: "Avg. ₹15K - ₹150K",
subtitle: "Mobile Phones & Tablets",
buttons: [{ text: "View Prices", href: "/products" }],
id: "mobile", badge: "Always Updated", badgeIcon: Smartphone,
price: "Avg. ₹15K - ₹150K", subtitle: "Mobile Phones & Tablets", buttons: [{ text: "View Prices", href: "/products" }],
features: [
"Latest model availability",
"Trade-in value calculator",
"Carrier compatibility info",
"Customer reviews aggregated",
"Launch date announcements",
],
"Latest model availability", "Trade-in value calculator", "Carrier compatibility info", "Customer reviews aggregated", "Launch date announcements"],
},
]}
animationType="blur-reveal"
@@ -227,37 +160,17 @@ export default function HomePage() {
tagIcon={Star}
testimonials={[
{
id: "1",
name: "Rajesh Kumar",
role: "Tech Enthusiast",
company: "Mumbai",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=1",
},
id: "1", name: "Rajesh Kumar", role: "Tech Enthusiast", company: "Mumbai", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg"},
{
id: "2",
name: "Priya Singh",
role: "Homemaker",
company: "Delhi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-business-woman-showing-thumb-up_1262-4720.jpg?_wi=1",
},
id: "2", name: "Priya Singh", role: "Homemaker", company: "Delhi", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-business-woman-showing-thumb-up_1262-4720.jpg"},
{
id: "3",
name: "Amit Patel",
role: "Business Owner",
company: "Bangalore",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg?_wi=1",
},
id: "3", name: "Amit Patel", role: "Business Owner", company: "Bangalore", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg"},
{
id: "4",
name: "Neha Sharma",
role: "Student",
company: "Hyderabad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg?_wi=1",
},
id: "4", name: "Neha Sharma", role: "Student", company: "Hyderabad", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
]}
kpiItems={[
{ value: "98%", label: "Customers Satisfied" },
@@ -279,33 +192,13 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
id: "01",
title: "Browse Products",
description: "Search for electronics across all categories with detailed specifications",
imageSrc: "http://img.b2bpic.net/free-photo/part-kitchen-interior-with-utensils-fruits-table-modern-kitchen_169016-15714.jpg?_wi=2",
imageAlt: "Browse products",
},
id: "01", title: "Browse Products", description: "Search for electronics across all categories with detailed specifications", imageSrc: "http://img.b2bpic.net/free-photo/part-kitchen-interior-with-utensils-fruits-table-modern-kitchen_169016-15714.jpg", imageAlt: "Browse products"},
{
id: "02",
title: "Compare Prices",
description: "See real-time pricing from multiple local shops in your area instantly",
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105520.jpg?_wi=2",
imageAlt: "Compare prices",
},
id: "02", title: "Compare Prices", description: "See real-time pricing from multiple local shops in your area instantly", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105520.jpg", imageAlt: "Compare prices"},
{
id: "03",
title: "Check Availability",
description: "View stock information and quality ratings from local retailers",
imageSrc: "http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg?_wi=1",
imageAlt: "Check availability",
},
id: "03", title: "Check Availability", description: "View stock information and quality ratings from local retailers", imageSrc: "http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg", imageAlt: "Check availability"},
{
id: "04",
title: "Contact & Visit",
description: "Reach out to shops directly or visit them in person for the best deal",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg?_wi=1",
imageAlt: "Contact shops",
},
id: "04", title: "Contact & Visit", description: "Reach out to shops directly or visit them in person for the best deal", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg", imageAlt: "Contact shops"},
]}
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
@@ -322,7 +215,7 @@ export default function HomePage() {
description="Get notified about new products, price drops from local shops, and exclusive deals delivered to your inbox every week."
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/young-man-taking-coffee-from-capsule-espresso-coffee-maker_23-2147893479.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/young-man-taking-coffee-from-capsule-espresso-coffee-maker_23-2147893479.jpg"
imageAlt="Newsletter signup"
mediaAnimation="blur-reveal"
mediaPosition="right"
@@ -337,8 +230,7 @@ export default function HomePage() {
logoText="ElectroHub"
columns={[
{
title: "Products",
items: [
title: "Products", items: [
{ label: "Kitchen Appliances", href: "/products" },
{ label: "PC Components", href: "/products" },
{ label: "Mobile Phones", href: "/products" },
@@ -346,8 +238,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Local Shops", href: "/shops" },
{ label: "Contact", href: "/contact" },
@@ -355,8 +246,7 @@ export default function HomePage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "FAQs", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -364,8 +254,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Disclaimer", href: "#" },

44
src/app/shops/page.tsx
View File

@@ -7,7 +7,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { MapPin, Phone, Clock, Star, Mail } from 'lucide-react';
import { MapPin, Phone, Clock, Star, Mail, Store } from 'lucide-react';
const ShopsPage = () => {
const navItems = [
@@ -20,8 +20,7 @@ const ShopsPage = () => {
const footerColumns = [
{
title: "Products",
items: [
title: "Products", items: [
{ label: "Kitchen Appliances", href: "/products" },
{ label: "PC Components", href: "/products" },
{ label: "Mobile Phones", href: "/products" },
@@ -29,8 +28,7 @@ const ShopsPage = () => {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Local Shops", href: "/shops" },
{ label: "Contact", href: "/contact" },
@@ -38,8 +36,7 @@ const ShopsPage = () => {
]
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "FAQs", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -47,8 +44,7 @@ const ShopsPage = () => {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Disclaimer", href: "#" },
@@ -64,7 +60,7 @@ const ShopsPage = () => {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -93,36 +89,20 @@ const ShopsPage = () => {
title="Explore Local Electronics Shops Near You"
description="Discover authorized retailers and specialized electronics shops in your area with verified inventory and competitive pricing"
tag="Shop Directory"
tagIcon="Store"
tagIcon={Store}
tagAnimation="blur-reveal"
features={[
{
id: "01",
title: "Urban Electronics Hub",
description: "Comprehensive selection of all electronics categories with expert staff and in-store demos available daily",
imageSrc: "http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg?_wi=2",
imageAlt: "Electronics retail store"
id: "01", title: "Urban Electronics Hub", description: "Comprehensive selection of all electronics categories with expert staff and in-store demos available daily", imageSrc: "http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg", imageAlt: "Electronics retail store"
},
{
id: "02",
title: "Local Tech Corner",
description: "Specialized in PC components and gaming equipment with technical support and custom build services",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg?_wi=2",
imageAlt: "Tech specialty shop"
id: "02", title: "Local Tech Corner", description: "Specialized in PC components and gaming equipment with technical support and custom build services", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg", imageAlt: "Tech specialty shop"
},
{
id: "03",
title: "Kitchen Masters Store",
description: "Focus on premium kitchen appliances with warranty coverage and installation services for major purchases",
imageSrc: "http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg?_wi=3",
imageAlt: "Kitchen appliances showroom"
id: "03", title: "Kitchen Masters Store", description: "Focus on premium kitchen appliances with warranty coverage and installation services for major purchases", imageSrc: "http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg", imageAlt: "Kitchen appliances showroom"
},
{
id: "04",
title: "Mobile Paradise",
description: "Latest smartphones and tablets from all brands with trade-in programs and flexible payment options",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg?_wi=3",
imageAlt: "Mobile devices store"
id: "04", title: "Mobile Paradise", description: "Latest smartphones and tablets from all brands with trade-in programs and flexible payment options", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg", imageAlt: "Mobile devices store"
}
]}
textboxLayout="default"
@@ -140,7 +120,7 @@ const ShopsPage = () => {
description="Connect with your nearest electronics retailers to check availability, ask questions about products, and arrange visits. Most shops respond within 2 hours during business days."
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/two-indians-mans-customer-buyer-mobile-phone-making-selfie-by-monopod-stick-south-asian-peoples-technologies-concept-cellphone-shop_627829-1266.jpg"
imageAlt="Shop contact"
mediaAnimation="blur-reveal"
mediaPosition="right"

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

@@ -1,51 +1,47 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
dominantBaseline?: SVGTextElement['dominantBaseline'];
textAnchor?: 'start' | 'middle' | 'end';
fill?: string;
fontWeight?: number | string;
fontFamily?: 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,
className = '',
fontSize = 48,
dominantBaseline = 'middle',
textAnchor = 'middle',
fill = 'currentColor',
fontWeight = 700,
fontFamily = 'inherit',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 300 100"
xmlns="http://www.w3.org/2000/svg"
className={className}
preserveAspectRatio="xMidYMid meet"
>
<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="150"
y="50"
fontSize={fontSize}
fontWeight={fontWeight}
fontFamily={fontFamily}
dominantBaseline={dominantBaseline}
textAnchor={textAnchor}
fill={fill}
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;