diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 311f079..84e1068 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -1,62 +1,64 @@ "use client"; -import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi"; import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard"; import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern"; -import ContactText from "@/components/sections/contact/ContactText"; +import FaqDouble from "@/components/sections/faq/FaqDouble"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; -import { Award, MapPin, Zap, Shield, Heart, Trophy } from "lucide-react"; +import Link from "next/link"; +import { MapPin, Award, Heart, Users, Globe, Zap } from "lucide-react"; export default function AboutPage() { const navItems = [ { name: "Home", id: "/" }, - { name: "Safaris", id: "/safaris" }, - { name: "Zanzibar", id: "/zanzibar" }, - { name: "Destinations", id: "/destinations" }, - { name: "Gallery", id: "/gallery" }, + { name: "Safaris", id: "/safari-packages" }, + { name: "Zanzibar", id: "/zanzibar-tours" }, + { name: "Destinations", id: "destinations" }, + { name: "Gallery", id: "gallery" }, ]; const footerColumns = [ { - title: "Destinations", - items: [ - { label: "Serengeti Safari", href: "/" }, - { label: "Ngorongoro Crater", href: "/" }, - { label: "Mount Kilimanjaro", href: "/" }, - { label: "Zanzibar Island", href: "/about" }, + title: "Destinations", items: [ + { label: "Serengeti Safari", href: "/destinations#serengeti" }, + { label: "Ngorongoro Crater", href: "/destinations#ngorongoro" }, + { label: "Mount Kilimanjaro", href: "/destinations#kilimanjaro" }, + { label: "Zanzibar Island", href: "/zanzibar-tours" }, ], }, { - title: "Experiences", - items: [ - { label: "Safari Packages", href: "/" }, - { label: "Beach Retreats", href: "/about" }, - { label: "Custom Tours", href: "/" }, - { label: "Gallery", href: "/" }, + title: "Experiences", items: [ + { label: "Safari Packages", href: "/safari-packages" }, + { label: "Beach Retreats", href: "/zanzibar-tours" }, + { label: "Custom Tours", href: "/booking" }, + { label: "Gallery", href: "/gallery" }, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, - { label: "Contact", href: "/" }, - { label: "Testimonials", href: "/" }, - { label: "Careers", href: "/" }, + { label: "Contact", href: "/contact" }, + { label: "Testimonials", href: "#testimonials" }, + { label: "Careers", href: "#" }, ], }, { - title: "Support", - items: [ - { label: "FAQ", href: "/" }, - { label: "Travel Guide", href: "/" }, - { label: "Booking Help", href: "/" }, - { label: "Contact Support", href: "/" }, + title: "Support", items: [ + { label: "FAQ", href: "#faq" }, + { label: "Travel Guide", href: "#" }, + { label: "Booking Help", href: "#" }, + { label: "Contact Support", href: "/contact" }, ], }, ]; + const customNavItems = navItems.map(item => ({ + ...item, + id: item.id.startsWith("/") ? item.id : `#${item.id}`, + })); + return ( +
+ +
+
-
- +