2026-04-18 09:14:01 +00:00
4 changed files with 170 additions and 23 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TextAbout from '@/components/sections/about/TextAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Headphones, ShieldCheck } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleCentered
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Rooms", id: "/rooms" },
+          { name: "About Us", id: "/about" },
+          { name: "Contact", id: "/#contact" },
+        ]}
+        brandName="Nigeria Passport"
+      />
+      <TextAbout 
+        title="About Us"
+        description="Dedicated to providing seamless immigration experiences for every Nigerian."
+        useInvertedBackground={false}
+      />
+      <FooterCard
+        logoText="Nigeria Immigration"
+        socialLinks={[
+          { icon: Headphones, href: "#", ariaLabel: "Support" },
+          { icon: ShieldCheck, href: "#", ariaLabel: "Verify" }
+        ]}
+      />
+    </ThemeProvider>
+  );
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,80 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Headphones, ShieldCheck, Phone, MessageCircle } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="largeSmall"
+        background="circleGradient"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/#services" },
+            { name: "Gallery", id: "/#gallery" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Nigeria Passport"
+        />
+        
+        <div className="pt-24 pb-12">
+          <div className="container mx-auto px-4">
+            <h1 className="text-4xl font-bold mb-8 text-center">Contact Us</h1>
+            <div className="grid md:grid-cols-2 gap-12">
+              <div>
+                <h2 className="text-2xl font-semibold mb-4">Visit Our Office</h2>
+                <p className="mb-6">Dili Ituludiegwu Road, Satellite Town, Lagos, Nigeria</p>
+                <div className="aspect-video bg-gray-200 rounded-lg overflow-hidden">
+                  <iframe 
+                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3964.385317769612!2d3.256860074819779!3d6.467888793532454!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x103b879b29e00001%3A0x6b4476686e0689b1!2sSatellite%20Town%2C%20Lagos%2C%20Nigeria!5e0!3m2!1sen!2sng!4v1710000000000!5m2!1sen!2sng" 
+                    width="100%" 
+                    height="100%" 
+                    style={{ border: 0 }} 
+                    allowFullScreen 
+                    loading="lazy">
+                  </iframe>
+                </div>
+              </div>
+              <ContactSplitForm
+                title="Send Message"
+                description="We usually respond within 24 hours."
+                inputs={[
+                  { name: "name", type: "text", placeholder: "Full Name", required: true },
+                  { name: "email", type: "email", placeholder: "Email", required: true }
+                ]}
+                textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
+                buttonText="Send Email"
+              />
+            </div>
+          </div>
+        </div>
+
+        <FooterCard
+          logoText="Nigeria Immigration"
+          copyrightText="© 2025 Nigeria Immigration Service. All rights reserved."
+          socialLinks={[
+            { icon: Headphones, href: "/contact", ariaLabel: "Support" },
+            { icon: Phone, href: "tel:+2348000000000", ariaLabel: "Call" },
+            { icon: MessageCircle, href: "https://wa.me/2348000000000", ariaLabel: "WhatsApp" }
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import { Headphones, ShieldCheck } from "lucide-react";
+import { Headphones, ShieldCheck, Phone, MessageCircle } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -29,10 +29,11 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
-        { name: "Services", id: "#services" },
-        { name: "Gallery", id: "#gallery" },
-        { name: "Testimonials", id: "#testimonials" },
-        { name: "Contact", id: "#contact" },
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/#services" },
+        { name: "Gallery", id: "/#gallery" },
+        { name: "Testimonials", id: "/#testimonials" },
+        { name: "Contact", id: "/contact" },
      ]}
      brandName="Nigeria Passport"
    />
@@ -47,7 +48,11 @@ export default function LandingPage() {
        { src: "http://img.b2bpic.net/free-photo/christmas-travel-concept-with-phone_23-2149573118.jpg", alt: "Passport Portal" },
        { src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-pakistan-passport-isolated-white-background_505751-5211.jpg", alt: "Passport closeup" },
      ]}
-      buttons={[{ text: "Start Application", href: "#services" }]}
+      buttons={[
+        { text: "Start Application", href: "/#services" },
+        { text: "Call Us", href: "tel:+2348000000000" },
+        { text: "WhatsApp", href: "https://wa.me/2348000000000" }
+      ]}
      buttonAnimation="slide-up"
    />
  </div>
@@ -94,28 +99,14 @@ export default function LandingPage() {
    />
  </div>

-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      title="Get in Touch"
-      description="Need assistance? Contact our team via form or WhatsApp. We're here to help you get your passport smoothly."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Full Name", required: true },
-        { name: "email", type: "email", placeholder: "Email", required: true }
-      ]}
-      textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
-      buttonText="Send to WhatsApp"
-      useInvertedBackground={false}
-      onSubmit={(data) => window.open(`https://wa.me/2348000000000?text=Hello, I need assistance with my passport: ${data.message}`, '_blank')}
-    />
-  </div>
-
  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Nigeria Immigration"
      copyrightText="© 2025 Nigeria Immigration Service. All rights reserved."
      socialLinks={[
-        { icon: Headphones, href: "#", ariaLabel: "Support" },
-        { icon: ShieldCheck, href: "#", ariaLabel: "Verify" }
+        { icon: Headphones, href: "/contact", ariaLabel: "Support" },
+        { icon: Phone, href: "tel:+2348000000000", ariaLabel: "Call" },
+        { icon: MessageCircle, href: "https://wa.me/2348000000000", ariaLabel: "WhatsApp" }
      ]}
    />
  </div>
--- a/src/app/rooms/page.tsx
+++ b/src/app/rooms/page.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Headphones, ShieldCheck } from "lucide-react";
+
+export default function RoomsPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleCentered
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Rooms", id: "/rooms" },
+          { name: "About Us", id: "/about" },
+          { name: "Contact", id: "/#contact" },
+        ]}
+        brandName="Nigeria Passport"
+      />
+      <PricingCardThree 
+        title="Our Room Categories"
+        description="Experience comfort and luxury starting from 20,000 Naira."
+        animationType="slide-up"
+        useInvertedBackground={false}
+        plans={[
+          { id: "r1", name: "Standard Room", price: "₦20,000", buttons: [{ text: "Book Now" }], features: ["Free Wi-Fi", "Air Conditioning", "Daily Breakfast", "24/7 Security"] },
+          { id: "r2", name: "Executive Suite", price: "₦35,000", buttons: [{ text: "Book Now" }], features: ["High Speed Wi-Fi", "Smart TV", "Mini Bar", "Complimentary Spa Access"] },
+          { id: "r3", name: "Deluxe Royal", price: "₦50,000", buttons: [{ text: "Book Now" }], features: ["King Size Bed", "Private Lounge", "City View", "Priority Service"] }
+        ]}
+      />
+      <FooterCard
+        logoText="Nigeria Immigration"
+        socialLinks={[
+          { icon: Headphones, href: "#", ariaLabel: "Support" },
+          { icon: ShieldCheck, href: "#", ariaLabel: "Verify" }
+        ]}
+      />
+    </ThemeProvider>
+  );
+}