diff --git a/src/assets/angular.png b/src/assets/angular.png deleted file mode 100644 index 651b47e..0000000 Binary files a/src/assets/angular.png and /dev/null differ diff --git a/src/assets/anugular.png b/src/assets/anugular.png new file mode 100644 index 0000000..624b51e Binary files /dev/null and b/src/assets/anugular.png differ diff --git a/src/assets/codeigniter.png b/src/assets/codeigniter.png index 88a1b88..6ddd1b3 100644 Binary files a/src/assets/codeigniter.png and b/src/assets/codeigniter.png differ diff --git a/src/assets/html.png b/src/assets/html.png index b137dcb..424d0f8 100644 Binary files a/src/assets/html.png and b/src/assets/html.png differ diff --git a/src/assets/image.png b/src/assets/image.png new file mode 100644 index 0000000..b7d4221 Binary files /dev/null and b/src/assets/image.png differ diff --git a/src/assets/java.png b/src/assets/java.png index e901987..04eac0b 100644 Binary files a/src/assets/java.png and b/src/assets/java.png differ diff --git a/src/assets/react.png b/src/assets/react.png index c230663..7f8d46d 100644 Binary files a/src/assets/react.png and b/src/assets/react.png differ diff --git a/src/assets/vue.png b/src/assets/vue.png index 11eb808..b484c0c 100644 Binary files a/src/assets/vue.png and b/src/assets/vue.png differ diff --git a/src/components/FAQs.jsx b/src/components/FAQs.jsx index 75518ba..0ee93d4 100644 --- a/src/components/FAQs.jsx +++ b/src/components/FAQs.jsx @@ -7,57 +7,119 @@ import { Box, Container, Heading, + ListItem, + UnorderedList, } from "@chakra-ui/react"; import React from "react"; const FAQData = [ { - question: "I Have An App Idea, What Do I Do Next?", + question: + "What is your Agile development process for building native apps (iOS & Android) or cross-platform solutions?", answer: "You should start the App Ideation process with the most accurate preparation of your concept. Because you just think you have a wonderful idea of the app for iPhone or Android. In fact, all you have right now is just a dream and not a concrete one.", + points: [ + "Consultation & Requirement Gathering", + "Sprint Planning", + "Design & Prototyping", + "Development", + "Testing", + "Review & Feedback", + "Launch & Deployment", + "Post-Launch Support", + ], }, { - question: "Can I Hire WDI To Just Do The Prototype For My Project?", - answer: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", + question: + "Do you include UI/UX design in your mobile app development services?", + answer: "Yes, UI/UX design is integral to our services. We provide:", + points: [ + "User Research", + "Wireframing", + "Visual Design", + "Prototyping", + "Usability Testing", + ], }, { - question: "I Have An App Idea, What Do I Do Next?", + question: + "Can you provide an estimated timeline for developing a minimum viable product (MVP) or a fully-featured mobile app?", answer: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", + "The timeline for developing a mobile app can vary based on the complexity and scope of the project. Here’s a general estimate:", + points: [ + "MVP It typically takes 3-4 months. This includes core features essential for the initial launch and user feedback.", + "Fully-Featured Mobile App It usually takes 6-12 months. This covers all planned features, integrations, and extensive testing for a comprehensive user experience.", + ], + }, + { + question: + "How do you integrate back-end development and APIs for a seamless mobile experience?", + answer: "Our approach includes:", + points: [ + "Requirement Analysis", + "API Development", + "Data Security", + "Performance Optimization", + "Testing & Validation", + "Continuous Integration", + ], + }, + { + question: + "Do you offer transparent cost structures for mobile app development projects?", + answer: "Yes, we provide clear pricing models that include:", + points: [ + "Initial Consultation & Planning", + "Design & Prototyping", + "Development", + "Testing & QA", + "Maintenance & Support", + ], }, ]; const FAQs = () => { return ( - - - FAQ’s - - - - {FAQData.map((faq, index) => ( - -

- - - {faq.question} - - {/* */} {/* Accordion Icon */} - -

- - {faq.answer} - - - ))} - - - + + + FAQ’s + + + + {FAQData.map((faq, index) => ( + + + + {faq.question} + + {/* */} + + + {faq.answer} + + + {faq.points.map((point, idx) => ( + {point} + ))} + + + + + ))} + + + ); }; diff --git a/src/components/Form.jsx b/src/components/Form.jsx index 27aeb5b..3d5bdab 100644 --- a/src/components/Form.jsx +++ b/src/components/Form.jsx @@ -66,7 +66,7 @@ const Form = () => { }; return ( - + { color="#FBFBFB" w={{ base: "100%", md: "75%", lg: "50%" }} py={"1rem"} - > Let’s Collaborate to Shape Your Vision into Reality - + {/*
*/} - - - {[ - { label: "Enter your name", type: "text", name: "name" }, - { - label: "Enter your email address", - type: "email", - name: "email", - }, - { - label: "Enter your contact number", - type: "text", - name: "contact", - }, - ].map((field, index) => ( - - {field.label} - - {errors[field.name] && ( - - {errors[field.name].message} - - )} - - ))} - {[ - { - label: "Select your country", - options: ["Country 1", "Country 2", "Country 3"], - name: "country", - }, - { - label: "Select your services", - options: ["Service 1", "Service 2", "Service 3"], - name: "services", - }, - { - label: "Where did you hear about us? *", - options: ["Source 1", "Source 2", "Source 3"], - name: "source", - }, - ].map((selectField, index) => ( - - {selectField.label} - - {errors[selectField.name] && ( - - {errors[selectField.name].message} - - )} - - ))} - - - - - Tell us about your project and business challenge. - -