Web Component - Copy this React, Tailwind Component to your project
Give me code in single file.write bootstrap code for this. include html,css,js ,php too. menu and page should be responsive and fully functional. collect data from form and load into mysql table. give me sql create table query too. use the below gradient colors for menu and body and footer. write section names in the middle of a section. write code in html,css,js in single file. create menu with white bgcolor .sticky menu, with home,about,services,pricing,location,contact,faq sections. take logo from here, https://cloudbrainconsultants.com/public/assets/img/logo.png. page should be responsive.take full width banner image from here.https://cloudbrainconsultants.com/public/assets/img/banner1.jpg. apply bgcolor for body, linear gradient(to right, #2E3192, #1BFFFF);. create about sections with two columns.put section name as About. in one column put image from here, https://cloudbrainconsultants.com/public/assets/img/about.jpg. in another column put some text of 10 lines beginning with some logos. in mobile view about section should be stacked. it should be responsive . apply some border radius for image in about section. in service section , put 4 service cards with min height 250 px. in bigger screens, all 4 services are in single row. in medium screens 2 up and 2 down. at any point it should not show 3 cards are in a row. in mobile all cards are stacked. it should be responsive. apply some border radius for cards. in pricing section, put 4 pricing cards with min height 200px.in bigger screens, all 4 pricing cards are in single row. in medium screens 2 up and 2 down. at any point it should not show 3 cards are in a row. in mobile all cards are stacked. it should be responsive. apply some border radius for cards. in location section, take google map location of hyderabad,india.it should be responsive. in contact section , create a form with 750px width with Full Name, Email, Phone, Message. and submit button. put some border for this. in faq section, put many questions and answers collapsible. put some border for this. in footer section , put section links and social media links. if we click any section ,it should scroll to section title. Mobile menu should be smoothe functional. if we click any option in mobile menu , menu should be closed and it should scroll to respective section.
