Update src/app/contact/page.tsx

Update src/app/rooms/page.tsx
2026-04-18 09:14:49 +00:00 · 2026-04-18 09:14:24 +00:00 · 2026-04-18 09:14:24 +00:00 · 2026-04-18 09:14:23 +00:00 · 2026-04-18 09:13:57 +00:00 · 2026-04-18 09:13:57 +00:00
4 changed files with 149 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 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>
+  );
+}
--- a/src/app/contact/page.tsx
+++ b/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>
+  );
+}
--- 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,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>
+  );
+}
Author	SHA1	Message	Date
bender	a9aa1f9a5c	Update src/app/contact/page.tsx	2026-04-18 09:14:49 +00:00
bender	942e05ef2e	Update src/app/rooms/page.tsx	2026-04-18 09:14:24 +00:00
bender	2068e67b68	Update src/app/contact/page.tsx	2026-04-18 09:14:24 +00:00
bender	99354faaff	Update src/app/about/page.tsx	2026-04-18 09:14:23 +00:00
bender	eb9f1f7679	Add src/app/rooms/page.tsx	2026-04-18 09:13:57 +00:00
bender	7112408b45	Update src/app/page.tsx	2026-04-18 09:13:57 +00:00
bender	e40af128a8	Add src/app/contact/page.tsx	2026-04-18 09:13:57 +00:00
bender	15024980ce	Add src/app/about/page.tsx	2026-04-18 09:13:56 +00:00
bender	59b2ceaebb	Merge version_2 into main Merge version_2 into main	2026-04-18 09:12:07 +00:00
bender	215ee3d2b7	Merge version_2 into main Merge version_2 into main	2026-04-18 09:11:40 +00:00