+ )
+}
+
+export default BrowseByCity;
\ No newline at end of file
diff --git a/src/components/landing/faqs.tsx b/src/components/landing/faqs.tsx
new file mode 100644
index 0000000..3fed3c0
--- /dev/null
+++ b/src/components/landing/faqs.tsx
@@ -0,0 +1,128 @@
+"use client";
+
+import localFont from "next/font/local";
+import { useState } from "react";
+
+const figtree = localFont({
+ src: [
+ {
+ path: '../../../public/Fonts/figtree/figtree.ttf',
+ },
+ ],
+})
+
+interface FAQItem {
+ question: string;
+ answer: string;
+}
+
+const faqData: FAQItem[] = [
+ {
+ question: "How does PakStay work?",
+ answer: "The first step is to get in touch with us. They'll discuss with you what the best options are and proceed to calculate your potential earnings. If you're happy the next steps depend on whether you have a running set-up or starting from 0. We're familiar with both. Have a look at the onboarding process."
+ },
+ {
+ question: "What makes PakStay the right partner?",
+ answer: "Managing a vacation rental isn't easy. It's a balance of hosting, analyzing & managing a home that requires a lot of attention. We're there to take away that hassle for you because we're doing it anyways and we simply love what we're doing. We're set out on a mission to make vacation rental owners happy. Really happy."
+ },
+ {
+ question: "What happens if I'm not happy with PakStay's service?",
+ answer: ""
+ },
+ {
+ question: "How does the onboarding process work?",
+ answer: ""
+ },
+ {
+ question: "Do I have to sign a long-term contract?",
+ answer: ""
+ },
+ {
+ question: "Do I need a running business already?",
+ answer: ""
+ },
+ {
+ question: "What about legality? Isn't short-term rental illegal?",
+ answer: ""
+ },
+ {
+ question: "I dont own my apartments, I rent them. Does that work too?",
+ answer: ""
+ },
+ {
+ question: "Do I have a personal contact at PakStay?",
+ answer: ""
+ },
+ {
+ question: "Do you really guarantee customer satisfaction? How does that work?",
+ answer: ""
+ },
+ {
+ question: "I have apartments in a city you're not operating yet.",
+ answer: ""
+ }
+];
+
+function FAQs() {
+ const [openIndex, setOpenIndex] = useState(null);
+
+ const toggleFAQ = (index: number) => {
+ setOpenIndex(openIndex === index ? null : index);
+ };
+
+ return (
+
+
+
+ FAQs
+
+
+
+ {faqData.map((faq, index) => (
+
+
+
+ {openIndex === index && faq.answer && (
+
+
+ {faq.answer}
+
+
+ )}
+
+ ))}
+
+
+
+ )
+}
+
+export default FAQs;
\ No newline at end of file
diff --git a/src/components/landing/footer.tsx b/src/components/landing/footer.tsx
new file mode 100644
index 0000000..9f24514
--- /dev/null
+++ b/src/components/landing/footer.tsx
@@ -0,0 +1,32 @@
+import localFont from "next/font/local";
+import logo from '../../../public/logo.png';
+import Image from "next/image";
+
+const figtree = localFont({
+ src: [
+ {
+ path: '../../../public/Fonts/figtree/figtree.ttf',
+ },
+ ],
+})
+
+const InstagramLogo =
+
+function Footer() {
+ return (
+
+
+
+
{InstagramLogo}
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Footer;
\ No newline at end of file
diff --git a/src/components/landing/hero.tsx b/src/components/landing/hero.tsx
new file mode 100644
index 0000000..316ce71
--- /dev/null
+++ b/src/components/landing/hero.tsx
@@ -0,0 +1,36 @@
+import localFont from "next/font/local";
+import Image from "next/image";
+import badge from '../../../public/badge-ticket.png'
+import arrow from '../../../public/arrow.png'
+
+const figtree = localFont({
+ src: [
+ {
+ path: '../../../public/Fonts/figtree/figtree.ttf',
+ },
+ ],
+})
+
+
+function Hero() {
+ return (
+
+
+
+
Find Your PakStay Home in
+
+
+
+
Karachi
+
+
+
+
+
Travel Karo, Tension Free!
+
+
+
+ )
+}
+
+export default Hero;
\ No newline at end of file
diff --git a/src/components/landing/review.tsx b/src/components/landing/review.tsx
new file mode 100644
index 0000000..ba316a9
--- /dev/null
+++ b/src/components/landing/review.tsx
@@ -0,0 +1,158 @@
+'use client';
+
+import localFont from "next/font/local";
+import { useState } from "react";
+import { ChevronLeft, ChevronRight, Star } from "lucide-react";
+
+const figtree = localFont({
+ src: [
+ {
+ path: '../../../public/Fonts/figtree/figtree.ttf',
+ },
+ ],
+})
+
+interface Review {
+ name: string;
+ date: string;
+ rating: number;
+ text: string;
+}
+
+const reviews: Review[] = [
+ {
+ name: "Ayesha Malik",
+ date: "October 2025",
+ rating: 4.81,
+ text: "Clean apartment in great location Positive: Nice apartment in a highly walkable location. We took the river walk to most of the main attractions, which was a scenic 20 minute walk full of outdoor restaurants that we really enjoyed. The apartment was clean and spacious. Highly recommend",
+ },
+ {
+ name: "Hassan Bilal",
+ date: "October 2025",
+ rating: 4.81,
+ text: "The place is great. All the appliances, furniture and bathroom fittings were new. Lots of crockery and cutlery making it very easy for us. Very accessible apartment and a lift is a great plus given that the apartment is on the 4th floor. The mattresses were just great...very comfortable. I highly recommend the place. Thank you Mai.",
+
+ },
+ {
+ name: "Javed Ali",
+ date: "October 2025",
+ rating: 4.81,
+ text: "I was traveling with my wife. We spent a couple of nights there. I totally recommend the apartment. It has everything one needs - utensils, kitchenware etc. Extremely clean. New. I had a feeling that we are the first guests there. Was really nice to come back to this cozy light apartment. Thanks to the great host :)",
+
+ },
+ {
+ name: "Sarah Raza",
+ date: "October 2025",
+ rating: 4.75,
+ text: "Amazing stay! The apartment exceeded our expectations. Great location, modern amenities, and the host was very responsive. Would definitely stay here again!",
+
+ },
+ {
+ name: "Shakeel Ahmed",
+ date: "October 2025",
+ rating: 4.90,
+ text: "Perfect apartment for our city break. Everything was spotless and well-maintained. The neighborhood is quiet yet close to all attractions. Highly recommended!"
+
+ }
+];
+
+function Review() {
+ const [currentIndex, setCurrentIndex] = useState(0);
+ const reviewsPerPage = 3;
+ const totalPages = Math.ceil(reviews.length / reviewsPerPage);
+
+ const nextSlide = () => {
+ setCurrentIndex((prev) => (prev + 1) % totalPages);
+ };
+
+ const prevSlide = () => {
+ setCurrentIndex((prev) => (prev - 1 + totalPages) % totalPages);
+ };
+
+ const getCurrentReviews = () => {
+ const start = currentIndex * reviewsPerPage;
+ return reviews.slice(start, start + reviewsPerPage);
+ };
+
+ return (
+
+
+
+ {/* Header */}
+
+
+ What others have to say about us
+
+
+ We have not only earned the trust of our customers but also of our highly valued service providers.
+