2 Commits
038db5b808
...
d1f08af7a8
| Author | SHA1 | Message | Date |
|---|---|---|---|
sina_sajjadi
|
d1f08af7a8 |
Merge branch 'main' of https://git.nwhco.ir/sina_sajjadi/AqilaFrontend
|
2 months ago |
|
sina_sajjadi
|
d191d8ebd2 |
UI bugs fixed toast added
|
2 months ago |
40 changed files with 978 additions and 543 deletions
-
21package-lock.json
-
2package.json
-
6src/app/(account-pages)/account/page.tsx
-
3src/app/(account-pages)/passengers-list/page.tsx
-
9src/app/(client-components)/(Header)/MainNav1.tsx
-
114src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StayDatesRangeInput.tsx
-
22src/app/(client-components)/(HeroSearchForm)/ButtonSubmit.tsx
-
4src/app/(client-components)/(HeroSearchForm)/GuestsInput.tsx
-
49src/app/(client-components)/(HeroSearchForm)/LocationInput.tsx
-
85src/app/(listing-detail)/(components)/MobileFooterSticky.tsx
-
11src/app/(server-components)/SectionHero.tsx
-
4src/app/about/page.tsx
-
20src/app/add-listing/[[...stepIndex]]/page.tsx
-
5src/app/add-new-passenger/page.tsx
-
42src/app/blog/[...slug]/Survey.tsx
-
40src/app/blog/[...slug]/page.tsx
-
4src/app/custom-history/page.tsx
-
35src/app/custom-trip/page.tsx
-
93src/app/faq/page.tsx
-
40src/app/faq/table.tsx
-
170src/app/forgot-password/page.tsx
-
31src/app/layout.tsx
-
107src/app/login/page.tsx
-
17src/app/page.tsx
-
2src/app/signup/methodes/page.tsx
-
6src/app/signup/otp-code/page.tsx
-
79src/app/signup/page.tsx
-
141src/app/tours/SectionGridFilterCard.tsx
-
79src/app/tours/[slug]/page.tsx
-
5src/app/tours/layout.tsx
-
25src/components/CardCategory3.tsx
-
185src/components/SectionGridFeaturePlaces.tsx
-
6src/components/SectionOurFeatures.tsx
-
2src/components/StayCard2.tsx
-
12src/components/TourSuggestion.tsx
-
10src/components/contexts/tourDetails.tsx
-
10src/data/navigation.ts
-
5src/shared/Navigation/Navigation.tsx
-
6src/shared/Navigation/NavigationItem.tsx
-
16yarn.lock
@ -0,0 +1,42 @@ |
|||||
|
"use client"; |
||||
|
|
||||
|
import { useState } from "react"; |
||||
|
import { BiDislike, BiLike } from "react-icons/bi"; |
||||
|
|
||||
|
function Survey() { |
||||
|
const [checked, setChecked] = useState(false); |
||||
|
|
||||
|
return ( |
||||
|
<div className="max-w-screen-md mx-auto flex items-center gap-6 "> |
||||
|
{!checked ? ( |
||||
|
<> |
||||
|
<h1 className="mb-2">Was this article helpfull ?</h1> |
||||
|
<div className="flex"> |
||||
|
<div |
||||
|
onClick={() => { |
||||
|
setChecked(true); |
||||
|
}} |
||||
|
className="cursor-pointer hover:bg-green-200 nc-Tag flex items-center gap-1 bg-white text-sm text-neutral-600 dark:text-neutral-300 py-2 rounded-lg border border-neutral-100 md:px-4 dark:bg-neutral-700 dark:border-neutral-700 hover:border-neutral-200 dark:hover:border-neutral-6000 mr-2 mb-2" |
||||
|
> |
||||
|
<p>Yes</p> |
||||
|
<BiLike /> |
||||
|
</div> |
||||
|
<div |
||||
|
onClick={() => { |
||||
|
setChecked(true); |
||||
|
}} |
||||
|
className="cursor-pointer hover:bg-red-300 nc-Tag flex items-center gap-1 bg-white text-sm text-neutral-600 dark:text-neutral-300 py-2 rounded-lg border border-neutral-100 md:px-4 dark:bg-neutral-700 dark:border-neutral-700 hover:border-neutral-200 dark:hover:border-neutral-6000 mr-2 mb-2" |
||||
|
> |
||||
|
<p>No</p> |
||||
|
<BiDislike /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</> |
||||
|
) : ( |
||||
|
<h1>Thank you</h1> |
||||
|
)} |
||||
|
</div> |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
export default Survey; |
||||
@ -0,0 +1,93 @@ |
|||||
|
"use client" |
||||
|
|
||||
|
import React, { useState } from "react"; |
||||
|
import Table from "./Table"; |
||||
|
|
||||
|
interface FAQItem { |
||||
|
question: string; |
||||
|
answer: string; |
||||
|
} |
||||
|
|
||||
|
const FAQ: React.FC = () => { |
||||
|
const [activeIndex, setActiveIndex] = useState<number | null>(null); |
||||
|
|
||||
|
const faqs: FAQItem[] = [ |
||||
|
{ |
||||
|
question: "How can I book a tour on your site?", |
||||
|
answer: |
||||
|
"To book a tour, simply select your desired destination from the 'List of Tours', choose your dates, and follow the steps to complete the booking process." |
||||
|
}, |
||||
|
{ |
||||
|
question: "Can I customize my tour?", |
||||
|
answer: |
||||
|
"Yes, our 'Customize Tour' feature allows you to tailor your journey based on your preferences. Click on 'Customize Tour' at the top of the page to start personalizing your experience." |
||||
|
}, |
||||
|
{ |
||||
|
question: "What payment methods do you accept?", |
||||
|
answer: |
||||
|
"We accept all major credit cards, PayPal, and bank transfers. You can choose your preferred method during the checkout process." |
||||
|
}, |
||||
|
{ |
||||
|
question: "How do I know my booking is confirmed?", |
||||
|
answer: |
||||
|
"Once you complete the payment process, you will receive a confirmation email with all the details of your booking. You can also view your booking details in your account dashboard." |
||||
|
}, |
||||
|
{ |
||||
|
question: "Can I cancel or modify my booking?", |
||||
|
answer: |
||||
|
"Yes, you can cancel or modify your booking from your account. Please note that cancellations must be made at least 24 hours before the tour starts to be eligible for a refund." |
||||
|
}, |
||||
|
{ |
||||
|
question: "Are there any hidden fees?", |
||||
|
answer: |
||||
|
"No, all fees are transparent and shown upfront before you complete your booking. We ensure there are no hidden fees." |
||||
|
}, |
||||
|
{ |
||||
|
question: "Do you offer group discounts?", |
||||
|
answer: |
||||
|
"Yes, we offer group discounts for larger bookings. Please contact our support team for more information on group rates." |
||||
|
}, |
||||
|
{ |
||||
|
question: "Is travel insurance included in the booking?", |
||||
|
answer: |
||||
|
"Yes, all our tour packages include basic travel insurance. You can choose to upgrade your insurance package during the checkout process." |
||||
|
}, |
||||
|
{ |
||||
|
question: "What happens if the tour is canceled by the provider?", |
||||
|
answer: |
||||
|
"If the tour is canceled by the provider due to unforeseen circumstances, you will receive a full refund or the option to reschedule your tour." |
||||
|
}, |
||||
|
{ |
||||
|
question: "How can I contact customer support?", |
||||
|
answer: |
||||
|
"You can contact customer support by clicking the 'Contact Us' button at the bottom of the page or by visiting our support section." |
||||
|
} |
||||
|
]; |
||||
|
|
||||
|
const toggleFAQ = (index: number) => { |
||||
|
if (activeIndex === index) { |
||||
|
setActiveIndex(null); // Close the active one
|
||||
|
} else { |
||||
|
setActiveIndex(index); // Open the clicked one
|
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
return ( |
||||
|
<div className="container mx-auto py-12 max-w-6xl"> |
||||
|
<h1 className="text-center text-3xl mb-5 font-bold">Frequently Asked Questions</h1> |
||||
|
<p className="text-center mb-16 ">Have Questions ? We are here to help you !</p> |
||||
|
<div className="space-y-8"> |
||||
|
{faqs.map((faq, index) => ( |
||||
|
<Table |
||||
|
key={index} |
||||
|
faq={faq} |
||||
|
isActive={activeIndex === index} |
||||
|
onClick={() => toggleFAQ(index)} |
||||
|
/> |
||||
|
))} |
||||
|
</div> |
||||
|
</div> |
||||
|
); |
||||
|
}; |
||||
|
|
||||
|
export default FAQ; |
||||
@ -0,0 +1,40 @@ |
|||||
|
"use client" |
||||
|
|
||||
|
import React from "react"; |
||||
|
import { motion } from "framer-motion"; |
||||
|
|
||||
|
interface TableProps { |
||||
|
faq: { |
||||
|
question: string; |
||||
|
answer: string; |
||||
|
}; |
||||
|
isActive: boolean; |
||||
|
onClick: () => void; |
||||
|
} |
||||
|
|
||||
|
const Table: React.FC<TableProps> = ({ faq, isActive, onClick }) => { |
||||
|
return ( |
||||
|
<div className="border-b pb-4"> |
||||
|
<h3 |
||||
|
className="text-xl font-semibold flex justify-between items-center cursor-pointer" |
||||
|
onClick={onClick} |
||||
|
> |
||||
|
{faq.question} |
||||
|
<span>{isActive ? "-" : "+"}</span> |
||||
|
</h3> |
||||
|
<motion.div |
||||
|
initial={false} |
||||
|
animate={{ height: isActive ? "auto" : 0 }} |
||||
|
transition={{ duration: 0.4, ease: [0.6, 0.01, -0.05, 0.95] }} |
||||
|
style={{ overflow: "hidden" }} |
||||
|
> |
||||
|
<p className={`mt-2 text-gray-700 ${isActive ? "block" : "hidden"}`}> |
||||
|
{faq.answer} |
||||
|
</p> |
||||
|
</motion.div> |
||||
|
</div> |
||||
|
); |
||||
|
}; |
||||
|
|
||||
|
export default Table; |
||||
|
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue