Merge version_1 into main #2
@@ -79,7 +79,7 @@ export default function AboutPage() {
|
||||
description="A legacy of premium quality, authentic traditional wear, and trusted service spanning over three decades in Portaha, Nepal"
|
||||
tag="Since 1990"
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-linen-dress-with-wreath-flowers-her-head_72229-239.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-linen-dress-with-wreath-flowers-her-head_72229-239.jpg"
|
||||
imageAlt="Nayak Bastralay store heritage"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
@@ -96,27 +96,20 @@ export default function AboutPage() {
|
||||
<AboutMetric
|
||||
title="Nayak Bastralay: Your Trusted Partner in Wedding Shopping Since 1990"
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="none"
|
||||
metrics={[
|
||||
{
|
||||
icon: ShoppingCart,
|
||||
label: "Years of Excellence",
|
||||
value: "30+",
|
||||
},
|
||||
label: "Years of Excellence", value: "30+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "50,000+",
|
||||
},
|
||||
label: "Happy Customers", value: "50,000+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Serving Communities",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Serving Communities", value: "15+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Wholesale Clients",
|
||||
value: "1,000+",
|
||||
},
|
||||
label: "Wholesale Clients", value: "1,000+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,15 +124,7 @@ export default function AboutPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Kathmandu Region",
|
||||
"Bhaktapur District",
|
||||
"Lalitpur Valley",
|
||||
"Kavre District",
|
||||
"Sindhuli District",
|
||||
"Rautahat District",
|
||||
"Makwanpur District",
|
||||
"Dharan City",
|
||||
]}
|
||||
"Kathmandu Region", "Bhaktapur District", "Lalitpur Valley", "Kavre District", "Sindhuli District", "Rautahat District", "Makwanpur District", "Dharan City"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
|
||||
145
src/app/page.tsx
145
src/app/page.tsx
@@ -92,7 +92,7 @@ export default function HomePage() {
|
||||
tag="Premium Quality Since 1990"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-linen-dress-with-wreath-flowers-her-head_72229-239.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-linen-dress-with-wreath-flowers-her-head_72229-239.jpg"
|
||||
imageAlt="Wedding collection banner"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
@@ -117,33 +117,13 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bride Lehenga Collection",
|
||||
price: "₨ 15,000 - 45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lohri-festival-with-woman-celebrating_23-2151098199.jpg?_wi=1",
|
||||
imageAlt: "Red gold bridal lehenga Indian wedding dress",
|
||||
},
|
||||
id: "1", name: "Bride Lehenga Collection", price: "₨ 15,000 - 45,000", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lohri-festival-with-woman-celebrating_23-2151098199.jpg", imageAlt: "Red gold bridal lehenga Indian wedding dress"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Groom Sherwani Suit",
|
||||
price: "₨ 12,000 - 35,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-groom-blue-costume_23-2149003490.jpg?_wi=1",
|
||||
imageAlt: "Groom sherwani traditional wedding suit ethnic wear",
|
||||
},
|
||||
id: "2", name: "Groom Sherwani Suit", price: "₨ 12,000 - 35,000", imageSrc: "http://img.b2bpic.net/free-photo/side-view-groom-blue-costume_23-2149003490.jpg", imageAlt: "Groom sherwani traditional wedding suit ethnic wear"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Traditional Saree",
|
||||
price: "₨ 8,000 - 25,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502996.jpg?_wi=1",
|
||||
imageAlt: "Traditional Indian saree wedding ceremony silk",
|
||||
},
|
||||
id: "3", name: "Traditional Saree", price: "₨ 8,000 - 25,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502996.jpg", imageAlt: "Traditional Indian saree wedding ceremony silk"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Men's Kurta Pajama",
|
||||
price: "₨ 5,000 - 15,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fashionable-shop-checking-plaid-shirt_23-2148175637.jpg?_wi=1",
|
||||
imageAlt: "Men's traditional kurta pajama Indian ethnic wear",
|
||||
},
|
||||
id: "4", name: "Men's Kurta Pajama", price: "₨ 5,000 - 15,000", imageSrc: "http://img.b2bpic.net/free-photo/man-fashionable-shop-checking-plaid-shirt_23-2148175637.jpg", imageAlt: "Men's traditional kurta pajama Indian ethnic wear"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,29 +141,19 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Bride Dresses",
|
||||
description: "Stunning bridal wear including lehengas, sarees, and traditional wedding gowns",
|
||||
},
|
||||
title: "Bride Dresses", description: "Stunning bridal wear including lehengas, sarees, and traditional wedding gowns"},
|
||||
{
|
||||
icon: Crown,
|
||||
title: "Groom Collection",
|
||||
description: "Premium sherwanis, suits, and traditional groom wear for your special day",
|
||||
},
|
||||
title: "Groom Collection", description: "Premium sherwanis, suits, and traditional groom wear for your special day"},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Family Wear",
|
||||
description: "Matching outfits for family members to celebrate together in style",
|
||||
},
|
||||
title: "Family Wear", description: "Matching outfits for family members to celebrate together in style"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Festival Dresses",
|
||||
description: "Traditional and modern festival wear for all celebrations and occasions",
|
||||
},
|
||||
title: "Festival Dresses", description: "Traditional and modern festival wear for all celebrations and occasions"},
|
||||
{
|
||||
icon: Package,
|
||||
title: "Wholesale Fabrics",
|
||||
description: "High-quality fabrics and materials for bulk orders at wholesale prices",
|
||||
},
|
||||
title: "Wholesale Fabrics", description: "High-quality fabrics and materials for bulk orders at wholesale prices"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -193,27 +163,20 @@ export default function HomePage() {
|
||||
<AboutMetric
|
||||
title="Nayak Bastralay: Your Trusted Partner in Wedding Shopping Since 1990"
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="none"
|
||||
metrics={[
|
||||
{
|
||||
icon: ShoppingCart,
|
||||
label: "Years of Excellence",
|
||||
value: "30+",
|
||||
},
|
||||
label: "Years of Excellence", value: "30+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "50,000+",
|
||||
},
|
||||
label: "Happy Customers", value: "50,000+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Serving Communities",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Serving Communities", value: "15+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Wholesale Clients",
|
||||
value: "1,000+",
|
||||
},
|
||||
label: "Wholesale Clients", value: "1,000+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -231,33 +194,13 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "5",
|
||||
name: "Premium Bridal Saree",
|
||||
price: "₨ 18,000 - 40,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prints-red-palms-put-shirt-indian-groom-sitting_8353-758.jpg?_wi=1",
|
||||
imageAlt: "Red bridal saree traditional Indian wedding dress",
|
||||
},
|
||||
id: "5", name: "Premium Bridal Saree", price: "₨ 18,000 - 40,000", imageSrc: "http://img.b2bpic.net/free-photo/prints-red-palms-put-shirt-indian-groom-sitting_8353-758.jpg", imageAlt: "Red bridal saree traditional Indian wedding dress"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cotton Kurta for Women",
|
||||
price: "₨ 4,000 - 10,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sundress_23-2150388781.jpg?_wi=1",
|
||||
imageAlt: "Women's cotton kurta traditional ethnic wear",
|
||||
},
|
||||
id: "6", name: "Cotton Kurta for Women", price: "₨ 4,000 - 10,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sundress_23-2150388781.jpg", imageAlt: "Women's cotton kurta traditional ethnic wear"},
|
||||
{
|
||||
id: "7",
|
||||
name: "Silk Fabric Roll",
|
||||
price: "₨ 6,000 - 12,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-with-face-covered-by-veil_23-2149460632.jpg?_wi=1",
|
||||
imageAlt: "Premium silk fabric bolt roll material",
|
||||
},
|
||||
id: "7", name: "Silk Fabric Roll", price: "₨ 6,000 - 12,000", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-with-face-covered-by-veil_23-2149460632.jpg", imageAlt: "Premium silk fabric bolt roll material"},
|
||||
{
|
||||
id: "8",
|
||||
name: "Traditional Dhoti Set",
|
||||
price: "₨ 3,000 - 8,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-city_1157-8787.jpg?_wi=1",
|
||||
imageAlt: "Traditional dhoti kurta set men's ethnic wear",
|
||||
},
|
||||
id: "8", name: "Traditional Dhoti Set", price: "₨ 3,000 - 8,000", imageSrc: "http://img.b2bpic.net/free-photo/man-city_1157-8787.jpg", imageAlt: "Traditional dhoti kurta set men's ethnic wear"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,41 +218,17 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya Sharma",
|
||||
role: "Bride",
|
||||
company: "Kathmandu",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-posing-with-flowers_23-2149722039.jpg",
|
||||
imageAlt: "Happy bride wedding dress portrait smiling",
|
||||
},
|
||||
id: "1", name: "Priya Sharma", role: "Bride", company: "Kathmandu", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-posing-with-flowers_23-2149722039.jpg", imageAlt: "Happy bride wedding dress portrait smiling"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rajesh Poudel",
|
||||
role: "Groom",
|
||||
company: "Bhaktapur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-wedding-photo-session_1303-11709.jpg",
|
||||
imageAlt: "Groom traditional wedding dress portrait smiling",
|
||||
},
|
||||
id: "2", name: "Rajesh Poudel", role: "Groom", company: "Bhaktapur", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-wedding-photo-session_1303-11709.jpg", imageAlt: "Groom traditional wedding dress portrait smiling"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sharma Family",
|
||||
role: "Wedding Organizer",
|
||||
company: "Lalitpur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-celebrating-their-wedding-beach_23-2149003484.jpg",
|
||||
imageAlt: "Family wedding ceremony traditional clothing portrait",
|
||||
},
|
||||
id: "3", name: "Sharma Family", role: "Wedding Organizer", company: "Lalitpur", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-celebrating-their-wedding-beach_23-2149003484.jpg", imageAlt: "Family wedding ceremony traditional clothing portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Wholesale Retailer",
|
||||
role: "Shop Owner",
|
||||
company: "Dharan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-clipboard-warehouse_23-2148890053.jpg",
|
||||
imageAlt: "Shop owner retail store business portrait",
|
||||
},
|
||||
id: "4", name: "Wholesale Retailer", role: "Shop Owner", company: "Dharan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-clipboard-warehouse_23-2148890053.jpg", imageAlt: "Shop owner retail store business portrait"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -324,15 +243,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Kathmandu Region",
|
||||
"Bhaktapur District",
|
||||
"Lalitpur Valley",
|
||||
"Kavre District",
|
||||
"Sindhuli District",
|
||||
"Rautahat District",
|
||||
"Makwanpur District",
|
||||
"Dharan City",
|
||||
]}
|
||||
"Kathmandu Region", "Bhaktapur District", "Lalitpur Valley", "Kavre District", "Sindhuli District", "Rautahat District", "Makwanpur District", "Dharan City"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
|
||||
@@ -1,51 +1,34 @@
|
||||
"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;
|
||||
textClassName?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = "", textClassName = ""}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
className={className}
|
||||
viewBox="0 0 200 50"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-label={text}
|
||||
>
|
||||
<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="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="central"
|
||||
className={textClassName}
|
||||
fontSize="24"
|
||||
fontWeight="bold"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user