Premium men's fashion website showcasing designer brands, expert tailoring services, and store information.
Suits 20/20 offers expert tailoring services, premium designer brands, and personalized fashion consulting in Niles, IL. Our website provides a seamless experience for customers to explore our services, brands, and location details.
- Designer Brands Showcase: Highlighting premium brands like Hugo Boss, Michael Kors, Ted Baker, and more.
- Expert Tailoring Services: Comprehensive tailoring and alteration options.
- Store Location: Includes an interactive map for easy navigation.
- Contact Form: Integrated with EmailJS for message submission.
- Responsive Design: Mobile-first, ensuring great UX across all devices.
- SEO & Accessibility Optimized: Includes Schema.org markup and ARIA-compliant features.
- Framework: Next.js 15
- Styling: TailwindCSS
- Forms: Formik + Yup for validation
- Email Integration: EmailJS
- Images: Next/Image optimization
- SEO: Schema.org, OpenGraph, and meta tags for enhanced search visibility
- Landing Page: Service overview and style offerings
- Services: Tailoring and design services
- Brands: Premium designer brand showcase
- Location: Store details and interactive map
- Contact: ARIA-compliant form with live validation
To work on this project, ensure the following tools are installed on your system:
- Node.js v16+
- PNPM: A faster, disk-efficient package manage
- EmailJS Account: For configuring the contact form email integration
# Clone repository
git clone https://github.com/jclark-14/suits2020.git
# Install dependencies
cd suits2020
pnpm install
# Configure environment variables
# Create .env with:
NEXT_PUBLIC_EMAILJS_SERVICE_ID=your_service_id
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=your_template_id
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=your_public_key
# Start development server
pnpm devThis will install all required dependencies, including next, formik, yup, and emailjs. Open http://localhost:3000 to view the app in the browser.
-The site is deployed on Vercel. To deploy updates, push changes to the main branch, and Vercel will automatically redeploy.
Thank you for visiting Suits 20/20! If you have any questions or suggestions, please feel free to reach out.