Update src/app/contact/page.tsx

Merge version_2 into main

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 TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Headphones, ShieldCheck } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleCentered
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Rooms", id: "/rooms" },
+          { name: "About Us", id: "/about" },
+          { name: "Contact", id: "/contact" },
+        ]}
+        brandName="Nigeria Passport"
+      />
+      <TextSplitAbout 
+        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>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Headphones, 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: "Rooms", id: "/rooms" },
+            { name: "About Us", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Nigeria Passport"
+        />
+        
+        <div className="pt-24 pb-12">
+            <ContactCTA
+                tag="Need Assistance?"
+                title="Get in Touch"
+                description="Our team is ready to help you with your immigration needs. Reach out to us via our office or online channels."
+                buttons={[{ text: "Contact Support" }]}
+                background={{ variant: "plain" }}
+                useInvertedBackground={false}
+            />
+        </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>
+  );
+}

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: "Home", id: "/" },
-        { name: "Gallery", id: "#gallery" },
+        { name: "Services", id: "/#services" },
-        { name: "Testimonials", id: "#testimonials" },
+        { name: "Gallery", id: "/#gallery" },
-        { name: "Contact", id: "#contact" },
+        { 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: Headphones, href: "/contact", ariaLabel: "Support" },
-        { icon: ShieldCheck, href: "#", ariaLabel: "Verify" }
+        { icon: Phone, href: "tel:+2348000000000", ariaLabel: "Call" },
+        { icon: MessageCircle, href: "https://wa.me/2348000000000", ariaLabel: "WhatsApp" }
       ]}
     />
   </div>

src/app/rooms/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Headphones, ShieldCheck } from "lucide-react";
+
+export default function RoomsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarStyleCentered
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Rooms", id: "/rooms" },
+          { name: "About Us", id: "/about" },
+          { name: "Contact", id: "/contact" },
+        ]}
+        brandName="Nigeria Passport"
+      />
+      <PricingCardNine 
+        title="Our Room Categories"
+        description="Experience comfort and luxury starting from 20,000 Naira."
+        animationType="slide-up"
+        useInvertedBackground={false}
+        textboxLayout="default"
+        plans={[
+          { id: "r1", title: "Standard Room", price: "₦20,000", period: "per night", button: { text: "Book Now" }, features: ["Free Wi-Fi", "Air Conditioning", "Daily Breakfast", "24/7 Security"] },
+          { id: "r2", title: "Executive Suite", price: "₦35,000", period: "per night", button: { text: "Book Now" }, features: ["High Speed Wi-Fi", "Smart TV", "Mini Bar", "Complimentary Spa Access"] },
+          { id: "r3", title: "Deluxe Royal", price: "₦50,000", period: "per night", button: { 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>
+  );
+}