bender/68611799-0f34-4bd1-9f1e-2e76e78a03f5
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/contact/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 11:04:55 +00:00
parent bf0e9d725c
commit 006cc4d495
1 changed files with 29 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/app/contact/page.tsx
View File

@@ -1,23 +1,13 @@
"use client";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import TextAbout from "@/components/sections/about/TextAbout";
import { Instagram, Facebook, Linkedin, Phone, Mail } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import ContactCard from '@/components/sections/contact/ContactCard';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Phone, Mail, Instagram, Facebook, Linkedin } from "lucide-react";
export default function ContactPage() {
const navItems = [
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Destinations", id: "destinations" },
{ name: "Reviews", id: "reviews" },
{ name: "Admissions", href: "/admissions" },
{ name: "Contact", href: "/contact" }
];
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -33,47 +23,38 @@ export default function ContactPage() {
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Luxuria"
button={{ text: "Plan Your Trip", href: "/contact" }}
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Programs", id: "/programs" },
{ name: "Admissions", id: "/admissions" },
{ name: "Contact", id: "/contact" }
]}
brandName="Saint Peters International Academy"
button={{ text: "Apply Now", href: "#contact" }}
/>
<div className="pt-20">
<ContactSplitForm
title="Get in Touch with Luxuria"
description="We're here to assist you with your luxury travel plans. Fill out the form below or use our direct contact details to connect with us."
<div id="contact-us" data-section="contact-us">
<ContactCard
tag="Get in Touch"
tagIcon={Mail}
title="Contact Saint Peters International Academy"
description="We're here to answer your questions and provide more information about our programs and admissions process."
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/contact/contact1.webp"
imageAlt="Contact Us"
mediaPosition="right"
mediaAnimation="slide-up"
buttonText="Send Inquiry"
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number" },
{ name: "subject", type: "text", placeholder: "Subject of Inquiry" }
addressLines={[
"123 Academy Road, Education City, EC 12345", "info@saintpetersacademy.edu"
]}
textarea={{
name: "message", placeholder: "How can we help you plan your ideal travel experience or answer your questions?", rows: 5
}}
/>
<TextAbout
tag="Direct Contact"
title="Prefer to speak directly?"
description="Our team is available to provide personalized assistance and answer any questions you may have about your next luxury journey."
buttons={[
{ text: "Call Us: +1 (555) 123-4567", icon: Phone, href: "tel:+15551234567" },
{ text: "Email Us: info@luxuria.com", icon: Mail, href: "mailto:info@luxuria.com" }
]}
useInvertedBackground={true}
phoneNumbers={["+1 (123) 456-7890", "+1 (098) 765-4321"]}
emailAddresses={["admissions@saintpetersacademy.edu", "support@saintpetersacademy.edu"]}
buttons={[{ text: "Call Us", href: "tel:+123456789" }, { text: "Email Us", href: "mailto:info@example.com" }]}
/>
</div>
<FooterCard
logoText="Luxuria"
copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
logoText="Saint Peters International Academy"
copyrightText="© 2024 Saint Peters International Academy"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
@@ -83,4 +64,4 @@ export default function ContactPage() {
</ReactLenis>
</ThemeProvider>
);
}
}