In this PR, I've implemented the following changes:
New HowItWorks Component:
Created a new HowItWorks section that displays below the WhySection.
The HowItWorks component features an image on the right and text on the left.
The background color is set to a soft pastel pink to differentiate it from other sections.
The text provides a brief explanation of how Nuanced News works.
Enhanced WhySection Styling:
Updated the WhySection component to include a border with a subtle blue color (#b0c4de) and slightly rounded corners for a modern look.
Both sections (WhySection and HowItWorks) have a similar layout, with different color schemes to maintain visual consistency while providing clear distinctions between content.
These changes should enhance the user experience by providing a clear and attractive presentation of key information about Nuanced News.
Hi Jack,
In this PR, I've implemented the following changes:
Created a new HowItWorks section that displays below the WhySection.
The HowItWorks component features an image on the right and text on the left.
The background color is set to a soft pastel pink to differentiate it from other sections.
The text provides a brief explanation of how Nuanced News works.
Updated the WhySection component to include a border with a subtle blue color (#b0c4de) and slightly rounded corners for a modern look.
Both sections (WhySection and HowItWorks) have a similar layout, with different color schemes to maintain visual consistency while providing clear distinctions between content.
These changes should enhance the user experience by providing a clear and attractive presentation of key information about Nuanced News.
Let me know if you need any further adjustments.