diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx index 6ffd829..f68c971 100644 --- a/src/app/auth/page.tsx +++ b/src/app/auth/page.tsx @@ -16,8 +16,7 @@ const navItems = [ const footerColumns = [ { - title: "Xizmat", - items: [ + title: "Xizmat", items: [ { label: "Sartarosh Qidiruvi", href: "/" }, { label: "AI Tavsiyalari", href: "/" }, { label: "Marketplace", href: "/marketplace" }, @@ -25,8 +24,7 @@ const footerColumns = [ ], }, { - title: "Kompaniya", - items: [ + title: "Kompaniya", items: [ { label: "Asosiy", href: "/" }, { label: "Haqida", href: "/" }, { label: "Blog", href: "/" }, @@ -34,8 +32,7 @@ const footerColumns = [ ], }, { - title: "Qonuniy", - items: [ + title: "Qonuniy", items: [ { label: "Maxfiylık Siyosati", href: "/privacy" }, { label: "Foydalanish Shartlari", href: "/terms" }, { label: "Cookies", href: "/cookies" }, @@ -51,7 +48,7 @@ export default function AuthPage() { borderRadius="soft" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="layered" @@ -73,32 +70,21 @@ export default function AuthPage() { description="Sartarosh xizmatlarini qidirayotgansizmi yoki o'z sartarosh profilingizni yaratmoqchisizmi? Quyidagi formani to'ldiring va boshlang." inputs={[ { - name: "fullname", - type: "text", - placeholder: "Ismingiz va familyangiz", - required: true, + name: "fullname", type: "text", placeholder: "Ismingiz va familyangiz", required: true, }, { - name: "email", - type: "email", - placeholder: "Email manzilingiz", - required: true, + name: "email", type: "email", placeholder: "Email manzilingiz", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Telefon raqamingiz", - required: true, + name: "phone", type: "tel", placeholder: "Telefon raqamingiz", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Sizning xabaringiz va ehtiyojlaringiz...", - rows: 4, + name: "message", placeholder: "Sizning xabaringiz va ehtiyojlaringiz...", rows: 4, required: false, }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/man-getting-fresh-haircut_23-2148242775.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/man-getting-fresh-haircut_23-2148242775.jpg" mediaAnimation="slide-up" mediaPosition="right" buttonText="Ro'yxatdan O'tish" diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx index 98962b5..4c67d74 100644 --- a/src/app/dashboard/page.tsx +++ b/src/app/dashboard/page.tsx @@ -17,8 +17,7 @@ const navItems = [ const footerColumns = [ { - title: "Xizmat", - items: [ + title: "Xizmat", items: [ { label: "Sartarosh Qidiruvi", href: "/" }, { label: "AI Tavsiyalari", href: "/" }, { label: "Marketplace", href: "/marketplace" }, @@ -26,8 +25,7 @@ const footerColumns = [ ], }, { - title: "Kompaniya", - items: [ + title: "Kompaniya", items: [ { label: "Asosiy", href: "/" }, { label: "Haqida", href: "/" }, { label: "Blog", href: "/" }, @@ -35,8 +33,7 @@ const footerColumns = [ ], }, { - title: "Qonuniy", - items: [ + title: "Qonuniy", items: [ { label: "Maxfiylık Siyosati", href: "/privacy" }, { label: "Foydalanish Shartlari", href: "/terms" }, { label: "Cookies", href: "/cookies" }, @@ -52,7 +49,7 @@ export default function DashboardPage() { borderRadius="soft" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="layered" @@ -83,48 +80,22 @@ export default function DashboardPage() { description="O'z ehtiyojingizga mos xizmat turini tanlang va premium xizmatlardan foydalaning" plans={[ { - id: "client-basic", - badge: "Standart", - badgeIcon: User, - price: "Bepul", - subtitle: "Oddiy foydalanuvchi uchun", - buttons: [{ text: "Boshlash", href: "/auth" }], + id: "client-basic", badge: "Standart", badgeIcon: User, + price: "Bepul", subtitle: "Oddiy foydalanuvchi uchun", buttons: [{ text: "Boshlash", href: "/auth" }], features: [ - "Sartarosh qidiruvi", - "3 ta band qilish oyiga", - "Miqyos baholovchi", - "AI hairstyle emas", - ], + "Sartarosh qidiruvi", "3 ta band qilish oyiga", "Miqyos baholovchi", "AI hairstyle emas"], }, { - id: "client-premium", - badge: "Tavsiya", - badgeIcon: Crown, - price: "50,000 so'm/oy", - subtitle: "Aktiv foydalanuvchilar uchun", - buttons: [{ text: "Yangilash", href: "/auth" }], + id: "client-premium", badge: "Tavsiya", badgeIcon: Crown, + price: "50,000 so'm/oy", subtitle: "Aktiv foydalanuvchilar uchun", buttons: [{ text: "Yangilash", href: "/auth" }], features: [ - "Cheksiz sartarosh qidiruvi", - "Cheksiz band qilish", - "AI Hairstyle Finder", - "Marketplace chegirmasi", - "Prioritet qo'llab-quvvatlash", - ], + "Cheksiz sartarosh qidiruvi", "Cheksiz band qilish", "AI Hairstyle Finder", "Marketplace chegirmasi", "Prioritet qo'llab-quvvatlash"], }, { - id: "barber-standard", - badge: "Sartarosh", - badgeIcon: Scissors, - price: "100,000 so'm/oy", - subtitle: "Individual sartarosh uchun", - buttons: [{ text: "Sartarosh Profilini Ochish", href: "/auth" }], + id: "barber-standard", badge: "Sartarosh", badgeIcon: Scissors, + price: "100,000 so'm/oy", subtitle: "Individual sartarosh uchun", buttons: [{ text: "Sartarosh Profilini Ochish", href: "/auth" }], features: [ - "Profilni yaratish", - "Band qilishlari boshqarish", - "Reel yuklash", - "Lokatsiya tahlili", - "Asosiy qo'llab-quvvatlash", - ], + "Profilni yaratish", "Band qilishlari boshqarish", "Reel yuklash", "Lokatsiya tahlili", "Asosiy qo'llab-quvvatlash"], }, ]} animationType="slide-up" diff --git a/src/app/layout.tsx b/src/app/layout.tsx index a4ebb7d..5fe1392 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -6,42 +6,26 @@ import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; const halant = Halant({ - variable: "--font-halant", - subsets: ["latin"], + variable: "--font-halant", subsets: ["latin"], weight: ["300", "400", "500", "600", "700"], }); const inter = Inter({ - variable: "--font-inter", - subsets: ["latin"], + variable: "--font-inter", subsets: ["latin"], }); export const metadata: Metadata = { - title: "BYUST - Premium Barber Booking Platform", - description: "Find premium barber services, AI-powered hairstyle recommendations, and professional hair care products on BYUST. Book appointments online, discover top-rated barbers in your area.", - keywords: "barber booking, haircut appointment, AI hairstyle finder, sartarosh, grooming services, hair care", - metadataBase: new URL("https://byust.com"), + title: "BYUST - Premium Barber Booking Platform", description: "Find premium barber services, AI-powered hairstyle recommendations, and professional hair care products on BYUST. Book appointments online, discover top-rated barbers in your area.", keywords: "barber booking, haircut appointment, AI hairstyle finder, sartarosh, grooming services, hair care", metadataBase: new URL("https://byust.com"), alternates: { - canonical: "https://byust.com", - }, + canonical: "https://byust.com"}, openGraph: { - title: "BYUST - Premium Barber Booking", - description: "Discover premium barber services with AI hairstyle matching and online booking", - url: "https://byust.com", - siteName: "BYUST", - type: "website", - images: [ + title: "BYUST - Premium Barber Booking", description: "Discover premium barber services with AI hairstyle matching and online booking", url: "https://byust.com", siteName: "BYUST", type: "website", images: [ { - url: "http://img.b2bpic.net/free-photo/man-getting-fresh-haircut_23-2148242775.jpg", - alt: "BYUST Barber Platform", - }, + url: "http://img.b2bpic.net/free-photo/man-getting-fresh-haircut_23-2148242775.jpg", alt: "BYUST Barber Platform"}, ], }, twitter: { - card: "summary_large_image", - title: "BYUST - Premium Barber Booking", - description: "Find premium barber services with AI hairstyle recommendations", - images: ["http://img.b2bpic.net/free-photo/man-getting-fresh-haircut_23-2148242775.jpg"], + card: "summary_large_image", title: "BYUST - Premium Barber Booking", description: "Find premium barber services with AI hairstyle recommendations", images: ["http://img.b2bpic.net/free-photo/man-getting-fresh-haircut_23-2148242775.jpg"], }, robots: { index: true, diff --git a/src/app/locations/page.tsx b/src/app/locations/page.tsx index d127454..292e936 100644 --- a/src/app/locations/page.tsx +++ b/src/app/locations/page.tsx @@ -15,8 +15,7 @@ const navItems = [ const footerColumns = [ { - title: "Xizmat", - items: [ + title: "Xizmat", items: [ { label: "Sartarosh Qidiruvi", href: "/" }, { label: "AI Tavsiyalari", href: "/" }, { label: "Marketplace", href: "/marketplace" }, @@ -24,8 +23,7 @@ const footerColumns = [ ], }, { - title: "Kompaniya", - items: [ + title: "Kompaniya", items: [ { label: "Asosiy", href: "/" }, { label: "Haqida", href: "/" }, { label: "Blog", href: "/" }, @@ -33,8 +31,7 @@ const footerColumns = [ ], }, { - title: "Qonuniy", - items: [ + title: "Qonuniy", items: [ { label: "Maxfiylık Siyosati", href: "/privacy" }, { label: "Foydalanish Shartlari", href: "/terms" }, { label: "Cookies", href: "/cookies" }, @@ -50,7 +47,7 @@ export default function LocationsPage() { borderRadius="soft" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="layered" diff --git a/src/app/marketplace/page.tsx b/src/app/marketplace/page.tsx index f55893a..00050e7 100644 --- a/src/app/marketplace/page.tsx +++ b/src/app/marketplace/page.tsx @@ -16,8 +16,7 @@ const navItems = [ const footerColumns = [ { - title: "Xizmat", - items: [ + title: "Xizmat", items: [ { label: "Sartarosh Qidiruvi", href: "/" }, { label: "AI Tavsiyalari", href: "/" }, { label: "Marketplace", href: "/marketplace" }, @@ -25,8 +24,7 @@ const footerColumns = [ ], }, { - title: "Kompaniya", - items: [ + title: "Kompaniya", items: [ { label: "Asosiy", href: "/" }, { label: "Haqida", href: "/" }, { label: "Blog", href: "/" }, @@ -34,8 +32,7 @@ const footerColumns = [ ], }, { - title: "Qonuniy", - items: [ + title: "Qonuniy", items: [ { label: "Maxfiylık Siyosati", href: "/privacy" }, { label: "Foydalanish Shartlari", href: "/terms" }, { label: "Cookies", href: "/cookies" }, @@ -51,7 +48,7 @@ export default function MarketplacePage() { borderRadius="soft" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="layered" @@ -82,65 +79,23 @@ export default function MarketplacePage() { description="Professional soch parvarish mahsulotlarining to'liq katalogi" products={[ { - id: "1", - brand: "Premium Care", - name: "Shampun (500ml)", - price: "45,000 so'm", - rating: 5, - reviewCount: "1.2k", - imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg?_wi=4", - imageAlt: "Premium shampoo product", - }, + id: "1", brand: "Premium Care", name: "Shampun (500ml)", price: "45,000 so'm", rating: 5, + reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg", imageAlt: "Premium shampoo product"}, { - id: "2", - brand: "Style Master", - name: "Hair Gel (200g)", - price: "55,000 so'm", - rating: 5, - reviewCount: "980", - imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg?_wi=5", - imageAlt: "Professional hair gel", - }, + id: "2", brand: "Style Master", name: "Hair Gel (200g)", price: "55,000 so'm", rating: 5, + reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg", imageAlt: "Professional hair gel"}, { - id: "3", - brand: "Beard Bliss", - name: "Beard Oil (30ml)", - price: "65,000 so'm", - rating: 5, - reviewCount: "750", - imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123603.jpg?_wi=2", - imageAlt: "Premium beard oil", - }, + id: "3", brand: "Beard Bliss", name: "Beard Oil (30ml)", price: "65,000 so'm", rating: 5, + reviewCount: "750", imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123603.jpg", imageAlt: "Premium beard oil"}, { - id: "4", - brand: "Scalp Care", - name: "Conditioner (500ml)", - price: "50,000 so'm", - rating: 5, - reviewCount: "1.1k", - imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg?_wi=6", - imageAlt: "Professional conditioner", - }, + id: "4", brand: "Scalp Care", name: "Conditioner (500ml)", price: "50,000 so'm", rating: 5, + reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg", imageAlt: "Professional conditioner"}, { - id: "5", - brand: "Grooming Pro", - name: "Hair Wax (100g)", - price: "60,000 so'm", - rating: 5, - reviewCount: "890", - imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204961.jpg?_wi=2", - imageAlt: "Premium hair wax", - }, + id: "5", brand: "Grooming Pro", name: "Hair Wax (100g)", price: "60,000 so'm", rating: 5, + reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204961.jpg", imageAlt: "Premium hair wax"}, { - id: "6", - brand: "Clean Edge", - name: "Aftershave Lotion (200ml)", - price: "55,000 so'm", - rating: 5, - reviewCount: "1.05k", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347088.jpg?_wi=2", - imageAlt: "Professional aftershave lotion", - }, + id: "6", brand: "Clean Edge", name: "Aftershave Lotion (200ml)", price: "55,000 so'm", rating: 5, + reviewCount: "1.05k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347088.jpg", imageAlt: "Professional aftershave lotion"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" diff --git a/src/app/page.tsx b/src/app/page.tsx index 1b00f18..7632f35 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -22,8 +22,7 @@ const navItems = [ const footerColumns = [ { - title: "Xizmat", - items: [ + title: "Xizmat", items: [ { label: "Sartarosh Qidiruvi", href: "/locations" }, { label: "AI Tavsiyalari", href: "/dashboard" }, { label: "Marketplace", href: "/marketplace" }, @@ -31,8 +30,7 @@ const footerColumns = [ ], }, { - title: "Kompaniya", - items: [ + title: "Kompaniya", items: [ { label: "Asosiy", href: "/" }, { label: "Haqida", href: "/about" }, { label: "Blog", href: "/blog" }, @@ -40,8 +38,7 @@ const footerColumns = [ ], }, { - title: "Qonuniy", - items: [ + title: "Qonuniy", items: [ { label: "Maxfiylık Siyosati", href: "/privacy" }, { label: "Foydalanish Shartlari", href: "/terms" }, { label: "Cookies", href: "/cookies" }, @@ -57,7 +54,7 @@ export default function HomePage() { borderRadius="soft" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="layered" @@ -79,42 +76,26 @@ export default function HomePage() { description="Premium sartarosh xizmatlarini o'z lokatsiyasidan toping. AI orqali o'zingizga mos soch uslubini tanlang, eng yaxshi sartaroshlarni band qiling va professional soch parvarish mahsulotlarini xarid qiling." tag="Yangi Xidmat" tagIcon={Sparkles} - background={{ variant: "aurora" }} + background={{ variant: "glowing-orb" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-fresh-haircut_23-2148242775.jpg?_wi=1", - imageAlt: "Premium barber service showcase 1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-getting-fresh-haircut_23-2148242775.jpg", imageAlt: "Premium barber service showcase 1"}, { - imageSrc: "http://img.b2bpic.net/free-photo/woman-styling-beard-customer_23-2147737084.jpg", - imageAlt: "Modern hairstyle demonstration 1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-styling-beard-customer_23-2147737084.jpg", imageAlt: "Modern hairstyle demonstration 1"}, { - imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", - imageAlt: "Professional grooming setup", - }, + imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", imageAlt: "Professional grooming setup"}, { - imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", - imageAlt: "Barber shop interior", - }, + imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", imageAlt: "Barber shop interior"}, ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-getting-his-beard-cut_23-2148256855.jpg", - imageAlt: "Modern hairstyle demonstration 2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-getting-his-beard-cut_23-2148256855.jpg", imageAlt: "Modern hairstyle demonstration 2"}, { - imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg", - imageAlt: "Premium haircut service", - }, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg", imageAlt: "Premium haircut service"}, { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2149141784.jpg", - imageAlt: "Client satisfaction showcase", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2149141784.jpg", imageAlt: "Client satisfaction showcase"}, { - imageSrc: "http://img.b2bpic.net/free-photo/working-process-barbershop_1163-2025.jpg", - imageAlt: "Expert barber working", - }, + imageSrc: "http://img.b2bpic.net/free-photo/working-process-barbershop_1163-2025.jpg", imageAlt: "Expert barber working"}, ]} buttons={[ { text: "Ro'yxatdan O'tish", href: "/auth" }, @@ -132,19 +113,11 @@ export default function HomePage() { description="BYUST sizga sartarosh xizmatlarini qidirayotganda eng yaxshisini tanlashga yordam beradi. Gender-ajratilgan xizmat, AI tavsiyalari va real vaqt band qilish imkoniyati bilan." negativeCard={{ items: [ - "Sartarosh topish uchun orqasilab qo'ng'iroq qilish", - "Noma'lum bahasi va xizmat sifati", - "Cheksiz kutish vaqti", - "O'z uslubiga mos sartarosh topish mumkin emas", - ], + "Sartarosh topish uchun orqasilab qo'ng'iroq qilish", "Noma'lum bahasi va xizmat sifati", "Cheksiz kutish vaqti", "O'z uslubiga mos sartarosh topish mumkin emas"], }} positiveCard={{ items: [ - "Daqiqa ichida online band qilish", - "Shaffof bahalash va mijozlar fikri", - "Vaqtni qo'l bilan boshqarish", - "AI bilan o'z uslubingizni topib bering", - ], + "Daqiqa ichida online band qilish", "Shaffof bahalash va mijozlar fikri", "Vaqtni qo'l bilan boshqarish", "AI bilan o'z uslubingizni topib bering"], }} animationType="slide-up" textboxLayout="default" @@ -159,65 +132,23 @@ export default function HomePage() { description="Sartarosh tavsiyasidagi professional soch parvarish mahsulotlarini xarid qiling. Siz tanlagan uslubga mos mahsulotlarni topib oling." products={[ { - id: "1", - brand: "Premium Care", - name: "Shampun (500ml)", - price: "45,000 so'm", - rating: 5, - reviewCount: "1.2k", - imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg?_wi=1", - imageAlt: "Premium shampoo product", - }, + id: "1", brand: "Premium Care", name: "Shampun (500ml)", price: "45,000 so'm", rating: 5, + reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg", imageAlt: "Premium shampoo product"}, { - id: "2", - brand: "Style Master", - name: "Hair Gel (200g)", - price: "55,000 so'm", - rating: 5, - reviewCount: "980", - imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg?_wi=2", - imageAlt: "Professional hair gel", - }, + id: "2", brand: "Style Master", name: "Hair Gel (200g)", price: "55,000 so'm", rating: 5, + reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg", imageAlt: "Professional hair gel"}, { - id: "3", - brand: "Beard Bliss", - name: "Beard Oil (30ml)", - price: "65,000 so'm", - rating: 5, - reviewCount: "750", - imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123603.jpg?_wi=1", - imageAlt: "Premium beard oil", - }, + id: "3", brand: "Beard Bliss", name: "Beard Oil (30ml)", price: "65,000 so'm", rating: 5, + reviewCount: "750", imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123603.jpg", imageAlt: "Premium beard oil"}, { - id: "4", - brand: "Scalp Care", - name: "Conditioner (500ml)", - price: "50,000 so'm", - rating: 5, - reviewCount: "1.1k", - imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg?_wi=3", - imageAlt: "Professional conditioner", - }, + id: "4", brand: "Scalp Care", name: "Conditioner (500ml)", price: "50,000 so'm", rating: 5, + reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7050.jpg", imageAlt: "Professional conditioner"}, { - id: "5", - brand: "Grooming Pro", - name: "Hair Wax (100g)", - price: "60,000 so'm", - rating: 5, - reviewCount: "890", - imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204961.jpg?_wi=1", - imageAlt: "Premium hair wax", - }, + id: "5", brand: "Grooming Pro", name: "Hair Wax (100g)", price: "60,000 so'm", rating: 5, + reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204961.jpg", imageAlt: "Premium hair wax"}, { - id: "6", - brand: "Clean Edge", - name: "Aftershave Lotion (200ml)", - price: "55,000 so'm", - rating: 5, - reviewCount: "1.05k", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347088.jpg?_wi=1", - imageAlt: "Professional aftershave lotion", - }, + id: "6", brand: "Clean Edge", name: "Aftershave Lotion (200ml)", price: "55,000 so'm", rating: 5, + reviewCount: "1.05k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347088.jpg", imageAlt: "Professional aftershave lotion"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -231,41 +162,17 @@ export default function HomePage() {