Update src/app/about/page.tsx
This commit is contained in:
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -64,7 +66,7 @@ export default function AboutPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -72,27 +74,45 @@ export default function AboutPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
}}
|
||||
navItems={customNavItems}
|
||||
button={{ text: "Book Now", href: "/booking" }}
|
||||
brandName="SK TOURS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero" className="relative overflow-hidden">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="About SK Tours & Safaris"
|
||||
description="With over 20 years of experience, we're passionate about creating unforgettable African adventures. Our team combines expertise with heart to deliver world-class safari experiences."
|
||||
tag="Our Story"
|
||||
tagIcon={MapPin}
|
||||
enableKpiAnimation={true}
|
||||
kpis={[
|
||||
{ value: "20+", label: "Years Experience" },
|
||||
{ value: "5000+", label: "Happy Guests" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Join Our Adventure", href: "/booking" },
|
||||
{ text: "Explore Tours", href: "/safari-packages" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-retired-couple-enjoying-nature-californian-forest_53876-105617.jpg"
|
||||
imageAlt="SK Tours & Safaris expert guides and luxury camps"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
tagIcon={MapPin}
|
||||
title="Your Gateway to African Wonders - 20 Years of Excellence"
|
||||
tag="Our Mission"
|
||||
tagIcon={Heart}
|
||||
title="Excellence in Every Detail"
|
||||
description="SK Tours & Safaris"
|
||||
subdescription="Premium Travel Experience Since 2004"
|
||||
subdescription="Pioneers of Premium African Travel"
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-retired-couple-enjoying-nature-californian-forest_53876-105617.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-retired-couple-enjoying-nature-californian-forest_53876-105617.jpg"
|
||||
imageAlt="SK Tours & Safaris expert guides and luxury camps"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -102,55 +122,47 @@ export default function AboutPage() {
|
||||
<div id="values" data-section="values">
|
||||
<FeatureHoverPattern
|
||||
title="Our Core Values"
|
||||
description="What drives us to deliver exceptional African adventures and unforgettable travel experiences."
|
||||
tag="Why Choose Us"
|
||||
description="These principles guide every safari, every decision, and every interaction with our guests."
|
||||
tag="What We Stand For"
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Trophy,
|
||||
title: "Excellence",
|
||||
description: "We maintain the highest standards in every aspect of our service, from guides to accommodations.",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Passion",
|
||||
description: "Our deep love for Tanzania's natural beauty and culture drives everything we do.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Safety First",
|
||||
description: "We prioritize your safety with certified guides, quality vehicles, and comprehensive insurance.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Innovation",
|
||||
description: "We continuously innovate to create unique, personalized experiences for every traveler.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Sustainability",
|
||||
description: "We're committed to preserving Tanzania's environment and supporting local communities.",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Expertise",
|
||||
description: "With 20+ years of experience, our team knows Tanzania better than anyone else.",
|
||||
},
|
||||
{ icon: Globe, title: "Sustainability", description: "Committed to preserving Tanzania's natural heritage and supporting local communities for future generations." },
|
||||
{ icon: Users, title: "Community", description: "Partnering with local guides, teams, and villages to create authentic, community-empowering experiences." },
|
||||
{ icon: Heart, title: "Passion", description: "We love what we do. Our genuine enthusiasm for African wildlife and culture shines in every tour." },
|
||||
{ icon: Award, title: "Excellence", description: "From luxury accommodations to expert guidance, we deliver world-class service at every step." },
|
||||
{ icon: Zap, title: "Innovation", description: "Continuously improving our offerings through technology, new routes, and enhanced guest experiences." },
|
||||
{ icon: MapPin, title: "Exploration", description: "Discovering hidden gems and creating unique experiences that go beyond typical safari itineraries." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Interested in learning more about SK Tours & Safaris? Let's connect and discuss your dream African adventure."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "aurora" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Book a Consultation", href: "/booking" },
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="About Our Company"
|
||||
description="Learn more about SK Tours & Safaris, our history, and how we operate."
|
||||
tag="Company Info"
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long has SK Tours & Safaris been in business?", content: "SK Tours & Safaris was founded in 2004, giving us over 20 years of experience in providing premium safari and travel experiences across Tanzania."},
|
||||
{
|
||||
id: "2", title: "Are your guides professionally trained?", content: "Yes, all our guides are certified by the Tanzania Tourist Board with a minimum of 5 years of field experience. We provide continuous training in wildlife biology, safety, and hospitality."},
|
||||
{
|
||||
id: "3", title: "What makes SK Tours different from other operators?", content: "We combine luxury accommodations with authentic experiences, prioritize sustainability, employ local guides and staff, and focus on personalized service. Each tour is customized to match your interests."},
|
||||
{
|
||||
id: "4", title: "Do you work with local communities?", content: "Absolutely. We partner with local guides, employ residents from surrounding areas, and ensure a portion of our profits support community development projects in Tanzania."},
|
||||
{
|
||||
id: "5", title: "What is your commitment to environmental sustainability?", content: "We follow strict environmental protocols, support conservation efforts, use eco-friendly practices at our camps, and limit group sizes to minimize impact on wildlife and ecosystems."},
|
||||
{
|
||||
id: "6", title: "Can I customize my safari itinerary?", content: "Yes! We specialize in custom tours. Contact our team with your preferences, budget, and interests, and we'll design the perfect Tanzanian adventure for you."},
|
||||
{
|
||||
id: "7", title: "What safety measures do you have in place?", content: "Safety is our top priority. Our guides are trained in first aid, emergency protocols are in place at all camps, vehicle communications are maintained, and we follow strict wildlife encounter guidelines."},
|
||||
{
|
||||
id: "8", title: "Do you offer corporate or group events?", content: "Yes, we can arrange custom corporate retreats, team building safaris, and group events for any size gathering. Contact us to discuss your specific requirements."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user