for blogs:
i like this for the blog cards https://madewithgsap.com/effects/effect000 i like this grid example https://codepen.io/GreenSock/pen/XJrrYpE it has images but would be great to adapt it to our blog cards, is that possible? let me know if you need me to give you the html, css, js for this codepen demo
for best images: https://codepen.io/GreenSock/pen/XJrrYpE https://madewithgsap.com/effects/effect000
TODO:
use https://www.rallyboard.com/ for the product features section
make the get in touch button in the header look like a button, it should be a yellow button with a gray text and on hover it should be a gray button with a yellow text
i have commented out a bunch of classes from in venue css file. the classes that start with “.f-“ are from the webflow export which i m trying to remove or migrate
the in venue page looks fine to me so check all the classes that have been commented out, if the classes are not in use in these pages then remove them from all css
these pages are the ones I have revised and cleaned up already
http://localhost:4000/ http://localhost:4000/products/in-venue/ http://localhost:4000/amplificam-blogs/ http://localhost:4000/about-us/ http://localhost:4000/contact-us/ http://localhost:4000/case-studies/
now if any of these classes are used in the finalized pages, lets rename them
lets now address the smaller screen and mobile for this component, make sure the items are still visible and not trimmed by the top or bottom sections, on mobile reduce the number of items and make sure the items are still visible and not trimmed by the top or bottom sections, also limit the number of items to 2 per row on mobile, no need for complex scroll animation on mobile
copy these to assets/fan-moments folder and convert them to webp http://localhost:4000/assets/products/image2.jpg http://localhost:4000/assets/products/image21.jpg http://localhost:4000/assets/products/image10.jpg http://localhost:4000/assets/products/image164.png http://localhost:4000/assets/products/image80.jpg http://localhost:4000/assets/products/image61.jpg http://localhost:4000/assets/products/image6.jpg http://localhost:4000/assets/products/image84.jpg http://localhost:4000/assets/products/image79.jpg http://localhost:4000/assets/products/image82.jpg http://localhost:4000/assets/products/image70.jpg http://localhost:4000/assets/products/image136.jpg http://localhost:4000/assets/products/image145.jpg http://localhost:4000/assets/products/image2.jpg http://localhost:4000/assets/products/image155.jpg
http://localhost:4000/assets/products/image25.jpg http://localhost:4000/assets/products/image60.png http://localhost:4000/assets/products/image65.jpg http://localhost:4000/assets/products/image163.png http://localhost:4000/assets/products/image120.gif http://localhost:4000/assets/products/image117.gif http://localhost:4000/assets/products/image132.png http://localhost:4000/assets/products/image161.png
TODO