✨ SSW.Products YakShaver site is born

[joshbermanssw]

This PR addresses the creation of 3 routes on the YakShaver site for SSW.Products. In this PBI we:

• Define the basic file structure for content
• Define, create and populate 3 routes under the YakShaver domain, /about, /pricing and /~
• Create the ActionsButton, Banner, BookingButton, FAQ, FeatureCarousel, Features, ModalButton and Pricing components and use them throughout the 3 routes
• Match the design to the Figma by @bettybondoc https://www.figma.com/proto/Y2klH0n3k7H1NUBPsG8epQ/SSW-Product-Sites?node-id=226-537&node-type=canvas&t=TT4dSj8Eg2A1m8m3-0&scaling=scale-down-width&content-scaling=fixed&page-id=226:536&hide-ui=1

---

🤖🤖🤖🤖

This pull request introduces several new components and updates existing ones to enhance the user interface and functionality. The most important changes include the addition of interactive background effects, new button templates, and a FAQ section. It also includes updates to ESLint configuration and refactoring of page components.

New Components and Templates:

• Interactive Background:

  • Added InteractiveBackground.tsx to create an interactive background where bubbles follow the mouse cursor and react to its movement. (components/shared/Background/InteractiveBackground.tsx)
  • Added corresponding styles in InteractiveBackground.scss. (components/shared/Background/InteractiveBackground.scss)

• Buttons:

  • Introduced ActionsButton component and template to define and render action buttons with various styles and sizes. (components/shared/Blocks/ActionsButton.tsx, components/shared/Blocks/ActionsButton.template.tsx) [1] [2]
  • Added BookingButton component and template for a modal booking button. (components/shared/Blocks/BookingButton.tsx, components/shared/Blocks/BookingButton.template.tsx) [1] [2]

• FAQ Section:

  • Added FAQ component and template to display a list of frequently asked questions with expandable answers. (components/shared/Blocks/FAQ.tsx, components/shared/Blocks/FAQ.template.tsx) [1] [2]

Page Component Refactoring:

• FilePage and ProductPage:
  • Refactored FilePage to use server-side fetching and added new components for better structure. (app/[product]/[filename]/page.tsx) (app/[product]/[filename]/page.tsxL1-R48)
  • Updated ProductPage to include the new InteractiveBackground and FooterServer components. (app/[product]/page.tsx) (app/[product]/page.tsxL1-R5, app/[product]/page.tsxL13-R25)

Configuration Updates:

• ESLint Configuration:
  • Disabled the @typescript-eslint/no-explicit-any rule in the .eslintrc.json file. (.eslintrc.json)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ssw-products	🛑 Canceled (Inspect)			Oct 8, 2024 11:06pm

[bradystroud]

Approved, but a few comments that should be fixed up ASAP