From 942fd21d4f15b030e01771b24b019020701b0106 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 14:25:38 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 272 ++++++++++++++++------------------------------- 1 file changed, 90 insertions(+), 182 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 5bebedb..ce1ad7c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -6,6 +6,8 @@ import HeroCentered from "@/components/sections/hero/HeroCentered"; import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; +import PricingCardNine from "@/components/sections/pricing/PricingCardNine"; +import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout"; import ContactText from "@/components/sections/contact/ContactText"; import FooterMedia from "@/components/sections/footer/FooterMedia"; import { Sparkles, Palette, Scissors, Zap, Heart, Smile } from "lucide-react"; @@ -36,9 +38,7 @@ export default function HomePage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Book Appointment", - href: "contact", - }} + text: "Book Appointment", href: "contact"}} /> @@ -49,32 +49,22 @@ export default function HomePage() { description="Professional highlights, color, and styling designed to refresh your look. Transform your hair with Cindy Jacobs, your trusted local stylist." avatars={[ { - src: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-white-dress_1187-3911.jpg", - alt: "woman smiling professional headshot", - }, + src: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-white-dress_1187-3911.jpg", alt: "woman smiling professional headshot"}, { - src: "http://img.b2bpic.net/free-photo/curly-female-client-picking-color-hait-toning-beaty-salone_651396-977.jpg", - alt: "beautiful woman blonde hair portrait", - }, + src: "http://img.b2bpic.net/free-photo/curly-female-client-picking-color-hait-toning-beaty-salone_651396-977.jpg", alt: "beautiful woman blonde hair portrait"}, { - src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", - alt: "professional woman headshot", - }, + src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "professional woman headshot"}, ]} avatarText="Trusted by 100+ local clients" buttons={[ { - text: "Book Appointment", - href: "contact", - }, + text: "Book Appointment", href: "contact"}, { - text: "Call Now", - href: "tel:0825572721", - }, + text: "Call Now", href: "tel:0825572721"}, ]} buttonAnimation="slide-up" background={{ - variant: "circleGradient" as const, + variant: "radial-gradient" as const, }} /> @@ -87,34 +77,22 @@ export default function HomePage() { features={[ { icon: Sparkles, - title: "Highlights & Blonding", - description: "Full highlights from R700 to R1600. Expert color correction and stunning blonde transformations.", - }, + title: "Highlights & Blonding", description: "Full highlights from R700 to R1600. Expert color correction and stunning blonde transformations."}, { icon: Palette, - title: "Color Services", - description: "Roots color from R550, Full color R700-R1200. Professional color correction and vibrant results.", - }, + title: "Color Services", description: "Roots color from R550, Full color R700-R1200. Professional color correction and vibrant results."}, { icon: Scissors, - title: "Haircuts & Styling", - description: "Precision cuts and styling from R270-R420. Tailored to your unique style and face shape.", - }, + title: "Haircuts & Styling", description: "Precision cuts and styling from R270-R420. Tailored to your unique style and face shape."}, { icon: Zap, - title: "Hair Treatments", - description: "Microkeratin treatments from R1700-R2800. Restore shine and health to your hair.", - }, + title: "Hair Treatments", description: "Microkeratin treatments from R1700-R2800. Restore shine and health to your hair."}, { icon: Heart, - title: "Special Occasion Styling", - description: "Curls, updos, and event styling. Get camera-ready for weddings and celebrations.", - }, + title: "Special Occasion Styling", description: "Curls, updos, and event styling. Get camera-ready for weddings and celebrations."}, { icon: Smile, - title: "Additional Beauty", - description: "Facials, waxing, tinting, and Japanese head spa services for complete beauty.", - }, + title: "Additional Beauty", description: "Facials, waxing, tinting, and Japanese head spa services for complete beauty."}, ]} animationType="slide-up" textboxLayout="default" @@ -135,65 +113,23 @@ export default function HomePage() { useInvertedBackground={false} products={[ { - id: "1", - brand: "Blonde Highlights", - name: "Full Highlights Package", - price: "R700 - R1600", - rating: 5, - reviewCount: "47 clients", - imageSrc: "http://img.b2bpic.net/free-photo/sexy-blond-female-cream-dress-posing-big-hall_613910-2851.jpg?_wi=1", - imageAlt: "blonde highlights hair transformation before after", - }, + id: "1", brand: "Blonde Highlights", name: "Full Highlights Package", price: "R700 - R1600", rating: 5, + reviewCount: "47 clients", imageSrc: "http://img.b2bpic.net/free-photo/sexy-blond-female-cream-dress-posing-big-hall_613910-2851.jpg", imageAlt: "blonde highlights hair transformation before after"}, { - id: "2", - brand: "Color Correction", - name: "Color Correction Service", - price: "R700 - R1200", - rating: 5, - reviewCount: "34 clients", - imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg?_wi=1", - imageAlt: "professional hair color correction result", - }, + id: "2", brand: "Color Correction", name: "Color Correction Service", price: "R700 - R1200", rating: 5, + reviewCount: "34 clients", imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg", imageAlt: "professional hair color correction result"}, { - id: "3", - brand: "Styling", - name: "Event Styling", - price: "R420 - R800", - rating: 5, - reviewCount: "28 clients", - imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184354.jpg?_wi=1", - imageAlt: "professional event hair styling updo", - }, + id: "3", brand: "Styling", name: "Event Styling", price: "R420 - R800", rating: 5, + reviewCount: "28 clients", imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184354.jpg", imageAlt: "professional event hair styling updo"}, { - id: "4", - brand: "Blonde Specialist", - name: "Bleach & Toner Package", - price: "R800 - R1500", - rating: 5, - reviewCount: "42 clients", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150520226.jpg?_wi=1", - imageAlt: "blonde hair bleach toner result salon", - }, + id: "4", brand: "Blonde Specialist", name: "Bleach & Toner Package", price: "R800 - R1500", rating: 5, + reviewCount: "42 clients", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150520226.jpg", imageAlt: "blonde hair bleach toner result salon"}, { - id: "5", - brand: "Hair Treatment", - name: "Microkeratin Treatment", - price: "R1700 - R2800", - rating: 5, - reviewCount: "31 clients", - imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-showing-big-old-key_1187-5378.jpg?_wi=1", - imageAlt: "microkeratin hair treatment shiny result", - }, + id: "5", brand: "Hair Treatment", name: "Microkeratin Treatment", price: "R1700 - R2800", rating: 5, + reviewCount: "31 clients", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-showing-big-old-key_1187-5378.jpg", imageAlt: "microkeratin hair treatment shiny result"}, { - id: "6", - brand: "Transformation", - name: "Complete Makeover", - price: "R2000 - R3500", - rating: 5, - reviewCount: "26 clients", - imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230959.jpg?_wi=1", - imageAlt: "complete hair makeover transformation before after", - }, + id: "6", brand: "Transformation", name: "Complete Makeover", price: "R2000 - R3500", rating: 5, + reviewCount: "26 clients", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230959.jpg", imageAlt: "complete hair makeover transformation before after"}, ]} /> @@ -209,58 +145,61 @@ export default function HomePage() { animationType="slide-up" testimonials={[ { - id: "1", - name: "Veronica", - handle: "Cut & Style", - testimonial: "Cindy always makes me feel special. Her attention to detail and professional approach keep me coming back. Best salon in Thabazimbi!", - imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-doing-okay-symbol_1187-4123.jpg?_wi=1", - imageAlt: "Veronica", - }, + id: "1", name: "Veronica", handle: "Cut & Style", testimonial: "Cindy always makes me feel special. Her attention to detail and professional approach keep me coming back. Best salon in Thabazimbi!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-doing-okay-symbol_1187-4123.jpg", imageAlt: "Veronica"}, { - id: "2", - name: "Susan", - handle: "Highlights & Color", - testimonial: "My highlights turned out absolutely stunning. Cindy knows exactly how to achieve the perfect blonde. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-against-black-background-looking-camera_23-2148229337.jpg?_wi=1", - imageAlt: "Susan", - }, + id: "2", name: "Susan", handle: "Highlights & Color", testimonial: "My highlights turned out absolutely stunning. Cindy knows exactly how to achieve the perfect blonde. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-against-black-background-looking-camera_23-2148229337.jpg", imageAlt: "Susan"}, { - id: "3", - name: "Nico", - handle: "Gent Cut", - testimonial: "Best of the best! Precision, professionalism, and genuine care. Cindy is the stylist you want for your hair.", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg?_wi=1", - imageAlt: "Nico", - }, + id: "3", name: "Nico", handle: "Gent Cut", testimonial: "Best of the best! Precision, professionalism, and genuine care. Cindy is the stylist you want for your hair.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", imageAlt: "Nico"}, { - id: "4", - name: "Nikkita", - handle: "Full Highlights Package", - testimonial: "The full highlights package exceeded my expectations. Would recommend without a doubt. Worth every penny!", - imageSrc: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg?_wi=1", - imageAlt: "Nikkita", - }, + id: "4", name: "Nikkita", handle: "Full Highlights Package", testimonial: "The full highlights package exceeded my expectations. Would recommend without a doubt. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg", imageAlt: "Nikkita"}, { - id: "5", - name: "Nastachia", - handle: "Full Color & Style", - testimonial: "Cindy made me feel beautiful inside and out. Her expertise and warmth make every appointment special. Thank you!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-young-woman-terrace-taking-selfie-photo-with-smartphone_329181-11566.jpg?_wi=1", - imageAlt: "Nastachia", - }, + id: "5", name: "Nastachia", handle: "Full Color & Style", testimonial: "Cindy made me feel beautiful inside and out. Her expertise and warmth make every appointment special. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-young-woman-terrace-taking-selfie-photo-with-smartphone_329181-11566.jpg", imageAlt: "Nastachia"}, { - id: "6", - name: "Maria", - handle: "Microkeratin Treatment", - testimonial: "My hair has never looked better. The microkeratin treatment restored my hair's health and shine. Absolutely love it!", - imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg?_wi=1", - imageAlt: "Maria", - }, + id: "6", name: "Maria", handle: "Microkeratin Treatment", testimonial: "My hair has never looked better. The microkeratin treatment restored my hair's health and shine. Absolutely love it!", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", imageAlt: "Maria"}, ]} speed={40} /> + {/* Pricing Section */} +
+ +
+ + {/* About Section */} +
+ +
+ {/* Contact Section */}
Date: Thu, 12 Mar 2026 14:25:38 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 65 ++++++++----------- 1 file changed, 27 insertions(+), 38 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..0993d37 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,40 @@ -"use client"; +import React, { SVGProps } from "react"; -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; - -interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; +interface SvgTextLogoProps extends SVGProps { + text?: string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text = "Webild", className, + ...props +}) => { return ( + + + - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1