diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 54db670..da7b9e1 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -13,7 +13,7 @@ export default function ContactPage() { borderRadius="soft" contentWidth="smallMedium" sizing="large" - background="fluid" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="double-inset" secondaryButtonStyle="layered" @@ -29,8 +29,7 @@ export default function ContactPage() { { name: "Contact", id: "/contact" } ]} button={{ - text: "Book Appointment", - href: "/contact" + text: "Book Appointment", href: "/contact" }} brandName="Steve Goodwin" /> @@ -43,7 +42,7 @@ export default function ContactPage() { description="Tell us what you need and we'll help you build a sharper look for the office, the aisle, or anywhere first impressions matter." useInvertedBackground={false} background={{ - variant: "fluid" + variant: "plain" }} inputPlaceholder="Enter your email" buttonText="Schedule Now" @@ -58,64 +57,52 @@ export default function ContactPage() { { items: [ { - label: "Home", - href: "/" + label: "Home", href: "/" }, { - label: "About", - href: "/about" + label: "About", href: "/about" }, { - label: "Services", - href: "/" + label: "Services", href: "#services" } ] }, { items: [ { - label: "Weddings", - href: "/weddings" + label: "Weddings", href: "/weddings" }, { - label: "Custom Suiting", - href: "/custom-suiting" + label: "Custom Suiting", href: "/custom-suiting" }, { - label: "Contact", - href: "/contact" + label: "Contact", href: "/contact" } ] }, { items: [ { - label: "Phone", - href: "tel:(509)248-9862" + label: "Phone", href: "tel:(509)248-9862" }, { - label: "Email", - href: "mailto:sghaberdasher@gmail.com" + label: "Email", href: "mailto:sghaberdasher@gmail.com" }, { - label: "Location", - href: "#" + label: "Location", href: "#" } ] }, { items: [ { - label: "Hours", - href: "#" + label: "Hours", href: "#" }, { - label: "Instagram", - href: "https://instagram.com" + label: "Instagram", href: "https://instagram.com" }, { - label: "Privacy", - href: "#" + label: "Privacy", href: "#" } ] } diff --git a/src/app/page.tsx b/src/app/page.tsx index ba9d41e..56bfa06 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,7 +18,7 @@ export default function HomePage() { borderRadius="soft" contentWidth="smallMedium" sizing="large" - background="fluid" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="double-inset" secondaryButtonStyle="layered" @@ -29,13 +29,12 @@ export default function HomePage() { navItems={[ { name: "Home", id: "/" }, { name: "About", id: "/about" }, - { name: "Weddings", id: "weddings" }, - { name: "Custom Suiting", id: "custom" }, - { name: "Contact", id: "contact" } + { name: "Weddings", id: "/weddings" }, + { name: "Custom Suiting", id: "/custom-suiting" }, + { name: "Contact", id: "/contact" } ]} button={{ - text: "Book Appointment", - href: "contact" + text: "Book Appointment", href: "/contact" }} brandName="Steve Goodwin" /> @@ -46,52 +45,35 @@ export default function HomePage() { tag="Luxury Menswear" title="The Suit Should Never Wear the Man" description="Central Washington's destination for expert fit guidance, premium menswear, and boutique service. Since opening, Steve Goodwin The Haberdasher has helped countless men dress with confidence for weddings, work, and milestone moments." - imageSrc="http://img.b2bpic.net/free-photo/monochrome-view-wedding-attire-groom-reflecting-glass-table_8353-10240.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/monochrome-view-wedding-attire-groom-reflecting-glass-table_8353-10240.jpg" imageAlt="Steve Goodwin The Haberdasher luxury menswear display" mediaAnimation="slide-up" useInvertedBackground={false} + background={{ variant: "plain" }} testimonials={[ { - name: "Chad R.", - handle: "Business Professional", - testimonial: "Steve is incredibly knowledgeable about his craft and the only shop in town I visit when I need business or dress attire.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-standing-with-suitcase-airport-waiting-flight-xa_657883-702.jpg?_wi=1", - imageAlt: "Chad R." + name: "Chad R.", handle: "Business Professional", testimonial: "Steve is incredibly knowledgeable about his craft and the only shop in town I visit when I need business or dress attire.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-standing-with-suitcase-airport-waiting-flight-xa_657883-702.jpg", imageAlt: "Chad R." }, { - name: "David P.", - handle: "Client", - testimonial: "Outstanding customer service. Steve is patient, friendly, and knowledgeable. I had a great experience buying a suit here.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152323.jpg?_wi=1", - imageAlt: "David P." + name: "David P.", handle: "Client", testimonial: "Outstanding customer service. Steve is patient, friendly, and knowledgeable. I had a great experience buying a suit here.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152323.jpg", imageAlt: "David P." }, { - name: "Kirk B.", - handle: "Returning Customer", - testimonial: "If you want good quality tailored suits, I recommend this place out of all the other shops in Yakima.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-black-elegant-suit-fashion-male-posing-studio-white-background_158538-27238.jpg?_wi=1", - imageAlt: "Kirk B." + name: "Kirk B.", handle: "Returning Customer", testimonial: "If you want good quality tailored suits, I recommend this place out of all the other shops in Yakima.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-black-elegant-suit-fashion-male-posing-studio-white-background_158538-27238.jpg", imageAlt: "Kirk B." }, { - name: "Ben D.", - handle: "Wedding Client", - testimonial: "Steve has excellent customer service skills and superb taste. He offers custom fitting to have you looking just right for any occasion.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg?_wi=1", - imageAlt: "Ben D." + name: "Ben D.", handle: "Wedding Client", testimonial: "Steve has excellent customer service skills and superb taste. He offers custom fitting to have you looking just right for any occasion.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg", imageAlt: "Ben D." } ]} buttons={[ { - text: "Reserve Your Appointment", - href: "contact" + text: "Reserve Your Appointment", href: "/contact" }, { - text: "Explore Services", - href: "services" + text: "Explore Services", href: "#services" } ]} buttonAnimation="slide-up" @@ -108,32 +90,20 @@ export default function HomePage() { animationType="slide-up" features={[ { - id: "1", - title: "Custom Suits & Sport Coats", - tags: ["Tailoring", "Premium"], - imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669855.jpg?_wi=1", - imageAlt: "Custom suiting tailoring" + id: "1", title: "Custom Suits & Sport Coats", tags: ["Tailoring", "Premium"], + imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669855.jpg", imageAlt: "Custom suiting tailoring" }, { - id: "2", - title: "Wedding & Formalwear Styling", - tags: ["Events", "Weddings"], - imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-meeting-together-room_1303-10500.jpg?_wi=1", - imageAlt: "Wedding styling groom" + id: "2", title: "Wedding & Formalwear Styling", tags: ["Events", "Weddings"], + imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-meeting-together-room_1303-10500.jpg", imageAlt: "Wedding styling groom" }, { - id: "3", - title: "Personal Fit Guidance", - tags: ["Consultation", "Expert"], - imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915550.jpg?_wi=1", - imageAlt: "Personal styling consultation" + id: "3", title: "Personal Fit Guidance", tags: ["Consultation", "Expert"], + imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915550.jpg", imageAlt: "Personal styling consultation" }, { - id: "4", - title: "Shirts, Ties, Hats & Details", - tags: ["Accessories", "Finishing"], - imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347048.jpg?_wi=1", - imageAlt: "Premium menswear accessories" + id: "4", title: "Shirts, Ties, Hats & Details", tags: ["Accessories", "Finishing"], + imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347048.jpg", imageAlt: "Premium menswear accessories" } ]} /> @@ -150,58 +120,28 @@ export default function HomePage() { animationType="slide-up" testimonials={[ { - id: "1", - name: "Chad R.", - role: "Business Professional", - company: "Yakima", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-standing-with-suitcase-airport-waiting-flight-xa_657883-702.jpg?_wi=2", - imageAlt: "Chad R." + id: "1", name: "Chad R.", role: "Business Professional", company: "Yakima", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-standing-with-suitcase-airport-waiting-flight-xa_657883-702.jpg", imageAlt: "Chad R." }, { - id: "2", - name: "David P.", - role: "Client", - company: "Yakima", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152323.jpg?_wi=2", - imageAlt: "David P." + id: "2", name: "David P.", role: "Client", company: "Yakima", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152323.jpg", imageAlt: "David P." }, { - id: "3", - name: "Kirk B.", - role: "Returning Customer", - company: "Yakima", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-black-elegant-suit-fashion-male-posing-studio-white-background_158538-27238.jpg?_wi=2", - imageAlt: "Kirk B." + id: "3", name: "Kirk B.", role: "Returning Customer", company: "Yakima", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-black-elegant-suit-fashion-male-posing-studio-white-background_158538-27238.jpg", imageAlt: "Kirk B." }, { - id: "4", - name: "Ben D.", - role: "Wedding Client", - company: "Yakima", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg?_wi=2", - imageAlt: "Ben D." + id: "4", name: "Ben D.", role: "Wedding Client", company: "Yakima", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg", imageAlt: "Ben D." }, { - id: "5", - name: "Cord B.", - role: "Client", - company: "Yakima", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21040.jpg?_wi=1", - imageAlt: "Cord B." + id: "5", name: "Cord B.", role: "Client", company: "Yakima", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21040.jpg", imageAlt: "Cord B." }, { - id: "6", - name: "Myah M.", - role: "Client", - company: "Yakima", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg", - imageAlt: "Myah M." + id: "6", name: "Myah M.", role: "Client", company: "Yakima", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg", imageAlt: "Myah M." } ]} /> @@ -217,34 +157,22 @@ export default function HomePage() { faqsAnimation="slide-up" faqs={[ { - id: "1", - title: "Do I need an appointment?", - content: "Appointments are encouraged for suit fittings, wedding consultations, and custom styling so we can give you the time and attention you deserve. Walk-ins are welcome, but may experience wait times during peak hours." + id: "1", title: "Do I need an appointment?", content: "Appointments are encouraged for suit fittings, wedding consultations, and custom styling so we can give you the time and attention you deserve. Walk-ins are welcome, but may experience wait times during peak hours." }, { - id: "2", - title: "Do you help with weddings?", - content: "Yes. We help grooms, wedding parties, fathers, and guests build a polished look with fit guidance and styling support. Wedding consultations ensure every detail is perfect for your special day." + id: "2", title: "Do you help with weddings?", content: "Yes. We help grooms, wedding parties, fathers, and guests build a polished look with fit guidance and styling support. Wedding consultations ensure every detail is perfect for your special day." }, { - id: "3", - title: "Are your clothes budget or premium?", - content: "This is premium menswear with craftsmanship, fabric quality, and fit at the center. We help clients invest wisely and dress with confidence for occasions that matter." + id: "3", title: "Are your clothes budget or premium?", content: "This is premium menswear with craftsmanship, fabric quality, and fit at the center. We help clients invest wisely and dress with confidence for occasions that matter." }, { - id: "4", - title: "What makes The Haberdasher different?", - content: "Deep product knowledge, personalized service, and a boutique experience that focuses on how you actually want to look and feel. We prioritize expert guidance over volume sales." + id: "4", title: "What makes The Haberdasher different?", content: "Deep product knowledge, personalized service, and a boutique experience that focuses on how you actually want to look and feel. We prioritize expert guidance over volume sales." }, { - id: "5", - title: "What are your hours?", - content: "We're open Tuesday through Friday 10am to 6pm, and Saturday 10am to 5pm. We're closed Sunday and Monday. Please call ahead for appointments or special inquiries." + id: "5", title: "What are your hours?", content: "We're open Tuesday through Friday 10am to 6pm, and Saturday 10am to 5pm. We're closed Sunday and Monday. Please call ahead for appointments or special inquiries." }, { - id: "6", - title: "How can I contact you?", - content: "Call us at (509) 248-9862 or visit us at 811 W Yakima Ave, Yakima, WA. You can also fill out an appointment request form on our website and we'll be in touch shortly." + id: "6", title: "How can I contact you?", content: "Call us at (509) 248-9862 or visit us at 811 W Yakima Ave, Yakima, WA. You can also fill out an appointment request form on our website and we'll be in touch shortly." } ]} /> @@ -256,7 +184,7 @@ export default function HomePage() { title="Request Your Private Fitting" description="Tell us what you need and we'll help you build a sharper look for the office, the aisle, or anywhere first impressions matter." useInvertedBackground={false} - background={{ variant: "fluid" }} + background={{ variant: "plain" }} inputPlaceholder="Enter your email" buttonText="Schedule Now" termsText="We respect your privacy. We'll only use your information to contact you about your appointment." @@ -271,23 +199,28 @@ export default function HomePage() { items: [ { label: "Home", href: "/" }, { label: "About", href: "/about" }, - { label: "Services", href: "/" } + { label: "Services", href: "#services" } ] }, { items: [ - { label: "Contact", href: "/" } + { label: "Weddings", href: "/weddings" }, + { label: "Custom Suiting", href: "/custom-suiting" }, + { label: "Contact", href: "/contact" } ] }, { items: [ { label: "Phone", href: "tel:(509)248-9862" }, - { label: "Email", href: "mailto:sghaberdasher@gmail.com" } + { label: "Email", href: "mailto:sghaberdasher@gmail.com" }, + { label: "Location", href: "#" } ] }, { items: [ - { label: "Instagram", href: "https://instagram.com" } + { label: "Hours", href: "#" }, + { label: "Instagram", href: "https://instagram.com" }, + { label: "Privacy", href: "#" } ] } ]} diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..d1b42a4 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,42 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; + fontSize?: number; + fontWeight?: number | string; + letterSpacing?: number; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 24, + fontWeight = 700, + letterSpacing = 0, +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file