Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-03 12:06:31 +00:00
5 changed files with 89 additions and 360 deletions

View File

@@ -57,37 +57,18 @@ export default function AboutPage() {
tagIcon={MapPin}
team={[
{
id: "1",
name: "Marcus Johnson",
role: "Master Barber",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png?_wi=3",
imageAlt: "Marcus Johnson - Master Barber",
},
id: "1", name: "Marcus Johnson", role: "Master Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", imageAlt: "Marcus Johnson - Master Barber"},
{
id: "2",
name: "Aisha Williams",
role: "Senior Stylist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png?_wi=3",
imageAlt: "Aisha Williams - Senior Stylist",
},
id: "2", name: "Aisha Williams", role: "Senior Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", imageAlt: "Aisha Williams - Senior Stylist"},
{
id: "3",
name: "James Chen",
role: "Precision Barber",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png?_wi=4",
imageAlt: "James Chen - Precision Barber",
},
id: "3", name: "James Chen", role: "Precision Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", imageAlt: "James Chen - Precision Barber"},
{
id: "4",
name: "Sophia Martinez",
role: "Color Specialist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png?_wi=4",
imageAlt: "Sophia Martinez - Color Specialist",
},
id: "4", name: "Sophia Martinez", role: "Color Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", imageAlt: "Sophia Martinez - Color Specialist"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
tagAnimation="slide-up"
/>
</div>
@@ -100,28 +81,13 @@ export default function AboutPage() {
tagIcon={MessageCircle}
testimonials={[
{
id: "1",
name: "Trust & Transparency",
handle: "@trust",
testimonial: "We believe in verified professionals and honest reviews. Every stylist on our platform is thoroughly vetted to ensure the best experience for our users.",
rating: 5,
icon: MessageCircle,
id: "1", name: "Trust & Transparency", handle: "@trust", testimonial: "We believe in verified professionals and honest reviews. Every stylist on our platform is thoroughly vetted to ensure the best experience for our users.", rating: 5,
},
{
id: "2",
name: "Innovation & Technology",
handle: "@innovation",
testimonial: "AI-powered virtual try-ons and smart matching algorithms help users find their perfect style with confidence and precision.",
rating: 5,
icon: MessageCircle,
id: "2", name: "Innovation & Technology", handle: "@innovation", testimonial: "AI-powered virtual try-ons and smart matching algorithms help users find their perfect style with confidence and precision.", rating: 5,
},
{
id: "3",
name: "Inclusivity & Safety",
handle: "@inclusivity",
testimonial: "Our gender-specific interfaces ensure personalized, safe experiences. We celebrate diversity and create spaces where everyone feels welcome.",
rating: 5,
icon: MessageCircle,
id: "3", name: "Inclusivity & Safety", handle: "@inclusivity", testimonial: "Our gender-specific interfaces ensure personalized, safe experiences. We celebrate diversity and create spaces where everyone feels welcome.", rating: 5,
},
]}
showRating={true}

View File

@@ -55,7 +55,7 @@ export default function AppointmentPage() {
title="Get Your StyleAI Access"
description="Join thousands who've discovered their perfect style. Get early access to new stylists, exclusive booking discounts, and AI styling tips delivered to your inbox."
tagIcon={Mail}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vibrant-modern-barber-shop-interior-wi-1772539353772-b879aa25.png?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vibrant-modern-barber-shop-interior-wi-1772539353772-b879aa25.png"
mediaPosition="right"
mediaAnimation="slide-up"
useInvertedBackground={true}
@@ -74,39 +74,22 @@ export default function AppointmentPage() {
sideDescription="Everything you need to know about booking appointments and managing your StyleAI experience"
faqs={[
{
id: "1",
title: "How do I book an appointment on StyleAI?",
content: "Browse stylists using our search and filters, check their portfolios and reviews, view real-time availability, and book instantly. You'll receive a confirmation and can communicate with your stylist directly before your appointment.",
},
id: "1", title: "How do I book an appointment on StyleAI?", content: "Browse stylists using our search and filters, check their portfolios and reviews, view real-time availability, and book instantly. You'll receive a confirmation and can communicate with your stylist directly before your appointment."},
{
id: "2",
title: "Can I reschedule or cancel my appointment?",
content: "Yes, you can reschedule or cancel up to 24 hours before your appointment through the app with no penalty. Cancellations within 24 hours may incur a small fee depending on the stylist's policy.",
},
id: "2", title: "Can I reschedule or cancel my appointment?", content: "Yes, you can reschedule or cancel up to 24 hours before your appointment through the app with no penalty. Cancellations within 24 hours may incur a small fee depending on the stylist's policy."},
{
id: "3",
title: "What if I'm not satisfied with my appointment?",
content: "Contact your stylist directly for follow-up care or adjustments. Most professionals offer touch-ups within a reasonable timeframe. For platform issues, reach out to our support team.",
},
id: "3", title: "What if I'm not satisfied with my appointment?", content: "Contact your stylist directly for follow-up care or adjustments. Most professionals offer touch-ups within a reasonable timeframe. For platform issues, reach out to our support team."},
{
id: "4",
title: "How do payments work?",
content: "You can pay securely through the app using your preferred payment method. Payment is processed when you confirm your booking, and you receive an instant receipt.",
},
id: "4", title: "How do payments work?", content: "You can pay securely through the app using your preferred payment method. Payment is processed when you confirm your booking, and you receive an instant receipt."},
{
id: "5",
title: "Can I request a specific stylist?",
content: "Absolutely! You can search for specific stylists you've worked with before or filter by specialization, location, and availability. Favorite your preferred stylists for quick access.",
},
id: "5", title: "Can I request a specific stylist?", content: "Absolutely! You can search for specific stylists you've worked with before or filter by specialization, location, and availability. Favorite your preferred stylists for quick access."},
{
id: "6",
title: "What if my stylist cancels?",
content: "If your stylist cancels, you'll be notified immediately and offered alternative time slots or full refunds. We work to reschedule you with a similar professional as quickly as possible.",
},
id: "6", title: "What if my stylist cancels?", content: "If your stylist cancels, you'll be notified immediately and offered alternative time slots or full refunds. We work to reschedule you with a similar professional as quickly as possible."},
]}
useInvertedBackground={false}
textPosition="left"
animationType="smooth"
faqsAnimation="slide-up"
/>
</div>

View File

@@ -6,42 +6,26 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"],
variable: "--font-open-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "StyleAI | AI-Powered Barber & Salon Marketplace",
description: "Discover your perfect style instantly with AI virtual try-on. Find trusted local stylists, book appointments, and purchase premium hair care products.",
keywords: "barber, salon, haircut, styling, virtual try-on, AI, appointments",
metadataBase: new URL("https://styleai.com"),
title: "StyleAI | AI-Powered Barber & Salon Marketplace", description: "Discover your perfect style instantly with AI virtual try-on. Find trusted local stylists, book appointments, and purchase premium hair care products.", keywords: "barber, salon, haircut, styling, virtual try-on, AI, appointments", metadataBase: new URL("https://styleai.com"),
alternates: {
canonical: "https://styleai.com",
},
canonical: "https://styleai.com"},
openGraph: {
title: "StyleAI | Find Your Perfect Style",
description: "AI-powered virtual try-on meets trusted local stylists. Book your transformation today.",
siteName: "StyleAI",
type: "website",
images: [
title: "StyleAI | Find Your Perfect Style", description: "AI-powered virtual try-on meets trusted local stylists. Book your transformation today.", siteName: "StyleAI", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vibrant-modern-barber-shop-interior-wi-1772539353772-b879aa25.png",
alt: "StyleAI - AI-Powered Salon Marketplace",
},
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vibrant-modern-barber-shop-interior-wi-1772539353772-b879aa25.png", alt: "StyleAI - AI-Powered Salon Marketplace"},
],
},
twitter: {
card: "summary_large_image",
title: "StyleAI | Find Your Perfect Style",
description: "AI-powered virtual try-on meets trusted local stylists",
images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vibrant-modern-barber-shop-interior-wi-1772539353772-b879aa25.png",
],
card: "summary_large_image", title: "StyleAI | Find Your Perfect Style", description: "AI-powered virtual try-on meets trusted local stylists", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vibrant-modern-barber-shop-interior-wi-1772539353772-b879aa25.png"],
},
robots: {
index: true,

View File

@@ -10,7 +10,7 @@ import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, MapPin, Zap, Play, ShoppingBag, MessageCircle, Check } from 'lucide-react';
import { Sparkles, MapPin, Zap, Play, ShoppingBag, MessageCircle, Check, Star, Clock } from 'lucide-react';
import Link from 'next/link';
export default function HomePage() {
@@ -51,7 +51,7 @@ export default function HomePage() {
{ text: "Try Your New Look", href: "/appointment" },
{ text: "Find Stylists", href: "/stylists" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vibrant-modern-barber-shop-interior-wi-1772539353772-b879aa25.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vibrant-modern-barber-shop-interior-wi-1772539353772-b879aa25.png"
imageAlt="Modern premium salon interior"
showDimOverlay={true}
buttonAnimation="slide-up"
@@ -79,33 +79,13 @@ export default function HomePage() {
tagIcon={MapPin}
team={[
{
id: "1",
name: "Marcus Johnson",
role: "Master Barber",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png?_wi=1",
imageAlt: "Marcus Johnson - Master Barber",
},
id: "1", name: "Marcus Johnson", role: "Master Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", imageAlt: "Marcus Johnson - Master Barber"},
{
id: "2",
name: "Aisha Williams",
role: "Senior Stylist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png?_wi=1",
imageAlt: "Aisha Williams - Senior Stylist",
},
id: "2", name: "Aisha Williams", role: "Senior Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", imageAlt: "Aisha Williams - Senior Stylist"},
{
id: "3",
name: "James Chen",
role: "Precision Barber",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png?_wi=2",
imageAlt: "James Chen - Precision Barber",
},
id: "3", name: "James Chen", role: "Precision Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", imageAlt: "James Chen - Precision Barber"},
{
id: "4",
name: "Sophia Martinez",
role: "Color Specialist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png?_wi=2",
imageAlt: "Sophia Martinez - Color Specialist",
},
id: "4", name: "Sophia Martinez", role: "Color Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", imageAlt: "Sophia Martinez - Color Specialist"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -123,13 +103,8 @@ export default function HomePage() {
tagIcon={Zap}
features={[
{
id: "1",
title: "Upload Your Photo",
description: "Take a selfie or upload a photo. Our AI analyzes your facial structure and features to find your perfect match.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-modern-sleek-virtual-try-on-interface--1772539352447-b91d765a.png",
imageAlt: "Virtual try-on interface",
},
id: "1", title: "Upload Your Photo", description: "Take a selfie or upload a photo. Our AI analyzes your facial structure and features to find your perfect match.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-modern-sleek-virtual-try-on-interface--1772539352447-b91d765a.png", imageAlt: "Virtual try-on interface"},
items: [
{ icon: Check, text: "Upload in seconds" },
{ icon: Check, text: "Privacy protected" },
@@ -138,13 +113,8 @@ export default function HomePage() {
reverse: false,
},
{
id: "2",
title: "Try Styles Virtually",
description: "See hairstyles applied to your photo with AI precision. Use before-and-after sliders to compare looks and find what suits you best.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-before-and-after-transfor-1772539353017-ac955f31.png",
imageAlt: "Before and after haircut transformation",
},
id: "2", title: "Try Styles Virtually", description: "See hairstyles applied to your photo with AI precision. Use before-and-after sliders to compare looks and find what suits you best.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-before-and-after-transfor-1772539353017-ac955f31.png", imageAlt: "Before and after haircut transformation"},
items: [
{ icon: Sparkles, text: "Real-time preview" },
{ icon: Sparkles, text: "Liquid blur effects" },
@@ -153,28 +123,18 @@ export default function HomePage() {
reverse: true,
},
{
id: "3",
title: "Find & Book Your Stylist",
description: "Browse verified stylists who excel at your chosen style. Check ratings, portfolios, and real client results before booking.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-modern-mobile-map-interface-showing-ne-1772539353870-461fb166.png",
imageAlt: "Salon location map interface",
},
id: "3", title: "Find & Book Your Stylist", description: "Browse verified stylists who excel at your chosen style. Check ratings, portfolios, and real client results before booking.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-modern-mobile-map-interface-showing-ne-1772539353870-461fb166.png", imageAlt: "Salon location map interface"},
items: [
{ icon: MapPin, text: "Location filtering" },
{ icon: Check, text: "Real ratings" },
{ icon: Check, text: "Live availability" },
{ icon: Star, text: "Real ratings" },
{ icon: Clock, text: "Live availability" },
],
reverse: false,
},
{
id: "4",
title: "Confirm & Get Styled",
description: "Book your appointment instantly. Track your stylist, receive reminders, and enjoy your transformation with confidence.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-modern-appointment-booking-calendar-in-1772539354163-6fa220b1.png?_wi=1",
imageAlt: "Booking calendar interface",
},
id: "4", title: "Confirm & Get Styled", description: "Book your appointment instantly. Track your stylist, receive reminders, and enjoy your transformation with confidence.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-modern-appointment-booking-calendar-in-1772539354163-6fa220b1.png", imageAlt: "Booking calendar interface"},
items: [
{ icon: Check, text: "Instant confirmation" },
{ icon: Check, text: "Real-time updates" },
@@ -199,71 +159,23 @@ export default function HomePage() {
tagIcon={Play}
blogs={[
{
id: "1",
category: ["Men's Cuts", "Barber"],
title: "Perfect Fade Tutorial",
excerpt: "Watch Marcus execute a flawless high fade with precision and expertise. This classic look works for any occasion.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vertical-video-thumbnail-for-a-barber--1772539354410-a19dbc62.png?_wi=1",
imageAlt: "Barber performing fade cut",
authorName: "Marcus Johnson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png",
date: "3 days ago",
},
id: "1", category: ["Men's Cuts", "Barber"],
title: "Perfect Fade Tutorial", excerpt: "Watch Marcus execute a flawless high fade with precision and expertise. This classic look works for any occasion.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vertical-video-thumbnail-for-a-barber--1772539354410-a19dbc62.png", imageAlt: "Barber performing fade cut", authorName: "Marcus Johnson", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", date: "3 days ago"},
{
id: "2",
category: ["Women's Hair", "Color"],
title: "Ombre Blonde Transformation",
excerpt: "Aisha transforms thick, dark hair into a stunning ombre blonde. See the complete coloring process and styling tips.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-before-and-after-transfor-1772539353929-5b477765.png?_wi=1",
imageAlt: "Women's hair ombre transformation",
authorName: "Aisha Williams",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png",
date: "5 days ago",
},
id: "2", category: ["Women's Hair", "Color"],
title: "Ombre Blonde Transformation", excerpt: "Aisha transforms thick, dark hair into a stunning ombre blonde. See the complete coloring process and styling tips.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-before-and-after-transfor-1772539353929-5b477765.png", imageAlt: "Women's hair ombre transformation", authorName: "Aisha Williams", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", date: "5 days ago"},
{
id: "3",
category: ["Men's Cuts", "Styling"],
title: "Modern Textured Crop",
excerpt: "James creates a trendy textured crop with detailed techniques. Perfect for the style-conscious man looking for versatility.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vertical-video-thumbnail-for-a-barber--1772539354410-a19dbc62.png?_wi=2",
imageAlt: "Modern textured haircut for men",
authorName: "James Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png",
date: "1 week ago",
},
id: "3", category: ["Men's Cuts", "Styling"],
title: "Modern Textured Crop", excerpt: "James creates a trendy textured crop with detailed techniques. Perfect for the style-conscious man looking for versatility.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vertical-video-thumbnail-for-a-barber--1772539354410-a19dbc62.png", imageAlt: "Modern textured haircut for men", authorName: "James Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", date: "1 week ago"},
{
id: "4",
category: ["Women's Hair", "Styling"],
title: "Volume & Texture Tips",
excerpt: "Sophia shares her favorite techniques for creating bounce and movement in any hair type. Includes product recommendations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-before-and-after-transfor-1772539353929-5b477765.png?_wi=2",
imageAlt: "Professional hair styling techniques",
authorName: "Sophia Martinez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png",
date: "1 week ago",
},
id: "4", category: ["Women's Hair", "Styling"],
title: "Volume & Texture Tips", excerpt: "Sophia shares her favorite techniques for creating bounce and movement in any hair type. Includes product recommendations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-before-and-after-transfor-1772539353929-5b477765.png", imageAlt: "Professional hair styling techniques", authorName: "Sophia Martinez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", date: "1 week ago"},
{
id: "5",
category: ["Men's Cuts", "Trends"],
title: "2024 Haircut Trends",
excerpt: "Marcus breaks down the hottest haircut trends for 2024. From classic to cutting-edge, find your next look.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vertical-video-thumbnail-for-a-barber--1772539354410-a19dbc62.png?_wi=3",
imageAlt: "Latest men's haircut trends",
authorName: "Marcus Johnson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png",
date: "2 weeks ago",
},
id: "5", category: ["Men's Cuts", "Trends"],
title: "2024 Haircut Trends", excerpt: "Marcus breaks down the hottest haircut trends for 2024. From classic to cutting-edge, find your next look.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-vertical-video-thumbnail-for-a-barber--1772539354410-a19dbc62.png", imageAlt: "Latest men's haircut trends", authorName: "Marcus Johnson", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", date: "2 weeks ago"},
{
id: "6",
category: ["Women's Hair", "Styling"],
title: "Quick Blow-Dry Tutorial",
excerpt: "Get salon-quality hair at home. Aisha demonstrates her essential blow-dry techniques for any hair texture.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-before-and-after-transfor-1772539353929-5b477765.png?_wi=3",
imageAlt: "Professional blow-dry styling",
authorName: "Aisha Williams",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png",
date: "2 weeks ago",
},
id: "6", category: ["Women's Hair", "Styling"],
title: "Quick Blow-Dry Tutorial", excerpt: "Get salon-quality hair at home. Aisha demonstrates her essential blow-dry techniques for any hair texture.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-before-and-after-transfor-1772539353929-5b477765.png", imageAlt: "Professional blow-dry styling", authorName: "Aisha Williams", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", date: "2 weeks ago"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -282,47 +194,17 @@ export default function HomePage() {
tagIcon={ShoppingBag}
products={[
{
id: "1",
name: "Premium Hair Gel",
price: "$24.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png?_wi=1",
imageAlt: "Premium Hair Gel",
},
id: "1", name: "Premium Hair Gel", price: "$24.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png", imageAlt: "Premium Hair Gel"},
{
id: "2",
name: "Deep Conditioning Mask",
price: "$32.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png?_wi=2",
imageAlt: "Deep Conditioning Mask",
},
id: "2", name: "Deep Conditioning Mask", price: "$32.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png", imageAlt: "Deep Conditioning Mask"},
{
id: "3",
name: "Volumizing Shampoo",
price: "$18.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png?_wi=3",
imageAlt: "Volumizing Shampoo",
},
id: "3", name: "Volumizing Shampoo", price: "$18.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png", imageAlt: "Volumizing Shampoo"},
{
id: "4",
name: "Argan Oil Treatment",
price: "$28.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png?_wi=4",
imageAlt: "Argan Oil Treatment",
},
id: "4", name: "Argan Oil Treatment", price: "$28.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png", imageAlt: "Argan Oil Treatment"},
{
id: "5",
name: "Anti-Frizz Serum",
price: "$22.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png?_wi=5",
imageAlt: "Anti-Frizz Serum",
},
id: "5", name: "Anti-Frizz Serum", price: "$22.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png", imageAlt: "Anti-Frizz Serum"},
{
id: "6",
name: "Styling Pomade",
price: "$19.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png?_wi=6",
imageAlt: "Styling Pomade",
},
id: "6", name: "Styling Pomade", price: "$19.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-premium-hair-care-product-bottle-on-a--1772539352531-042da815.png", imageAlt: "Styling Pomade"},
]}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
@@ -341,59 +223,23 @@ export default function HomePage() {
tagIcon={MessageCircle}
testimonials={[
{
id: "1",
name: "David Martinez",
handle: "@davidm",
testimonial: "The virtual try-on feature is a game-changer! I finally found a barber who could give me exactly the look I wanted. StyleAI made it so easy.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-m-1772539351850-aa6edba6.png?_wi=1",
imageAlt: "David Martinez testimonial",
},
id: "1", name: "David Martinez", handle: "@davidm", testimonial: "The virtual try-on feature is a game-changer! I finally found a barber who could give me exactly the look I wanted. StyleAI made it so easy.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-m-1772539351850-aa6edba6.png", imageAlt: "David Martinez testimonial"},
{
id: "2",
name: "Emma Thompson",
handle: "@emmathompson",
testimonial: "I was nervous about trying something new with my hair. The AI preview gave me confidence, and the stylist nailed it. Love the results!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-f-1772539352374-70aaaa1e.png?_wi=1",
imageAlt: "Emma Thompson testimonial",
},
id: "2", name: "Emma Thompson", handle: "@emmathompson", testimonial: "I was nervous about trying something new with my hair. The AI preview gave me confidence, and the stylist nailed it. Love the results!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-f-1772539352374-70aaaa1e.png", imageAlt: "Emma Thompson testimonial"},
{
id: "3",
name: "James Wilson",
handle: "@jameswilson",
testimonial: "Best booking experience ever. I could see the exact stylist, their work, and instant availability. No more phone calls or confusion.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-m-1772539352151-affbeb52.png",
imageAlt: "James Wilson testimonial",
},
id: "3", name: "James Wilson", handle: "@jameswilson", testimonial: "Best booking experience ever. I could see the exact stylist, their work, and instant availability. No more phone calls or confusion.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-m-1772539352151-affbeb52.png", imageAlt: "James Wilson testimonial"},
{
id: "4",
name: "Sarah Kim",
handle: "@sarahkim",
testimonial: "The gender-specific interface means I get recommendations tailored for me. It's personal, thoughtful, and the stylists are genuinely vetted.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-f-1772539352052-c618722d.png",
imageAlt: "Sarah Kim testimonial",
},
id: "4", name: "Sarah Kim", handle: "@sarahkim", testimonial: "The gender-specific interface means I get recommendations tailored for me. It's personal, thoughtful, and the stylists are genuinely vetted.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-f-1772539352052-c618722d.png", imageAlt: "Sarah Kim testimonial"},
{
id: "5",
name: "Michael Brown",
handle: "@michaelbrown",
testimonial: "Finally a platform that understands what I want. No surprises, no miscommunications. My barber and I are now regulars thanks to StyleAI.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-m-1772539351850-aa6edba6.png?_wi=2",
imageAlt: "Michael Brown testimonial",
},
id: "5", name: "Michael Brown", handle: "@michaelbrown", testimonial: "Finally a platform that understands what I want. No surprises, no miscommunications. My barber and I are now regulars thanks to StyleAI.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-m-1772539351850-aa6edba6.png", imageAlt: "Michael Brown testimonial"},
{
id: "6",
name: "Jessica Lopez",
handle: "@jesslopez",
testimonial: "The product recommendations after my haircut were so helpful. I bought the suggested products and my hair looks amazing weeks later.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-f-1772539352374-70aaaa1e.png?_wi=2",
imageAlt: "Jessica Lopez testimonial",
},
id: "6", name: "Jessica Lopez", handle: "@jesslopez", testimonial: "The product recommendations after my haircut were so helpful. I bought the suggested products and my hair looks amazing weeks later.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-f-1772539352374-70aaaa1e.png", imageAlt: "Jessica Lopez testimonial"},
]}
showRating={true}
animationType="slide-up"

View File

@@ -47,37 +47,18 @@ export default function StylistsPage() {
tagIcon={MapPin}
team={[
{
id: "1",
name: "Marcus Johnson",
role: "Master Barber",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png?_wi=5",
imageAlt: "Marcus Johnson - Master Barber",
},
id: "1", name: "Marcus Johnson", role: "Master Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", imageAlt: "Marcus Johnson - Master Barber"},
{
id: "2",
name: "Aisha Williams",
role: "Senior Stylist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png?_wi=5",
imageAlt: "Aisha Williams - Senior Stylist",
},
id: "2", name: "Aisha Williams", role: "Senior Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", imageAlt: "Aisha Williams - Senior Stylist"},
{
id: "3",
name: "James Chen",
role: "Precision Barber",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png?_wi=6",
imageAlt: "James Chen - Precision Barber",
},
id: "3", name: "James Chen", role: "Precision Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", imageAlt: "James Chen - Precision Barber"},
{
id: "4",
name: "Sophia Martinez",
role: "Color Specialist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png?_wi=6",
imageAlt: "Sophia Martinez - Color Specialist",
},
id: "4", name: "Sophia Martinez", role: "Color Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", imageAlt: "Sophia Martinez - Color Specialist"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
tagAnimation="slide-up"
/>
</div>
@@ -90,13 +71,8 @@ export default function StylistsPage() {
tagIcon={Zap}
features={[
{
id: "1",
title: "Verified & Vetted",
description: "Every stylist undergoes identity verification, background checks, and portfolio review. We maintain the highest standards of professionalism.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png?_wi=7",
imageAlt: "Verified stylist professional",
},
id: "1", title: "Verified & Vetted", description: "Every stylist undergoes identity verification, background checks, and portfolio review. We maintain the highest standards of professionalism.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", imageAlt: "Verified stylist professional"},
items: [
{ icon: Check, text: "Background checked" },
{ icon: Check, text: "Portfolio verified" },
@@ -105,13 +81,8 @@ export default function StylistsPage() {
reverse: false,
},
{
id: "2",
title: "Real Client Reviews",
description: "Ratings are from verified customers only. No fake reviews, just honest feedback from people who've experienced their work.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png?_wi=7",
imageAlt: "Customer testimonials",
},
id: "2", title: "Real Client Reviews", description: "Ratings are from verified customers only. No fake reviews, just honest feedback from people who've experienced their work.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", imageAlt: "Customer testimonials"},
items: [
{ icon: Check, text: "Verified reviews only" },
{ icon: Check, text: "Detailed feedback" },
@@ -120,13 +91,8 @@ export default function StylistsPage() {
reverse: true,
},
{
id: "3",
title: "Instant Booking & Communication",
description: "See real-time availability, confirm appointments instantly, and communicate directly with your stylist before your appointment.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-modern-appointment-booking-calendar-in-1772539354163-6fa220b1.png?_wi=2",
imageAlt: "Appointment booking system",
},
id: "3", title: "Instant Booking & Communication", description: "See real-time availability, confirm appointments instantly, and communicate directly with your stylist before your appointment.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-modern-appointment-booking-calendar-in-1772539354163-6fa220b1.png", imageAlt: "Appointment booking system"},
items: [
{ icon: Check, text: "Live availability" },
{ icon: Check, text: "Instant confirmation" },
@@ -138,6 +104,7 @@ export default function StylistsPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tagAnimation="slide-up"
/>
</div>
@@ -150,37 +117,20 @@ export default function StylistsPage() {
tagIcon={MessageCircle}
testimonials={[
{
id: "1",
name: "Marcus Johnson",
handle: "@marcusbarber",
testimonial: "StyleAI has transformed my business. I've grown my client base significantly and the platform handles all the logistics. I just focus on delivering great cuts.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png?_wi=8",
imageAlt: "Marcus Johnson",
},
id: "1", name: "Marcus Johnson", handle: "@marcusbarber", testimonial: "StyleAI has transformed my business. I've grown my client base significantly and the platform handles all the logistics. I just focus on delivering great cuts.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", imageAlt: "Marcus Johnson"},
{
id: "2",
name: "Aisha Williams",
handle: "@aishastylist",
testimonial: "The verification process gave me credibility, and verified client reviews build trust. My booking rate has doubled since joining StyleAI.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png?_wi=8",
imageAlt: "Aisha Williams",
},
id: "2", name: "Aisha Williams", handle: "@aishastylist", testimonial: "The verification process gave me credibility, and verified client reviews build trust. My booking rate has doubled since joining StyleAI.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-talented-ex-1772539352872-9b95b827.png", imageAlt: "Aisha Williams"},
{
id: "3",
name: "James Chen",
handle: "@jamesprecision",
testimonial: "StyleAI's communication tools make consultations so much easier. Clients know exactly what they're getting, and I've had zero dissatisfied customers.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png?_wi=9",
imageAlt: "James Chen",
},
id: "3", name: "James Chen", handle: "@jamesprecision", testimonial: "StyleAI's communication tools make consultations so much easier. Clients know exactly what they're getting, and I've had zero dissatisfied customers.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQlunMn77AA2pwuzNsZ1UEn6IT/a-professional-headshot-of-a-confident-s-1772539353003-d526f3c7.png", imageAlt: "James Chen"},
]}
showRating={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
tagAnimation="slide-up"
/>
</div>