Merge version_2 into main #2
@@ -2,170 +2,116 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Heart, Sparkles } from "lucide-react";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "How It Works", id: "features" },
|
||||
{ name: "Destinations", id: "product" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
};
|
||||
text: "Get Started", href: "#contact"};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="flat"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
brandName="SeniorTravel"
|
||||
brandName="Portfolio3D"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-hero" data-section="about-hero">
|
||||
<MediaAbout
|
||||
title="Our Story: Empowering Senior Travelers"
|
||||
description="SeniorTravel was founded with a simple belief: age should never limit your ability to explore the world. We've spent years listening to seniors, understanding their concerns, and building a platform that puts their needs first. From reliable transportation to compassionate companions, we handle the details so you can focus on creating unforgettable memories."
|
||||
tag="Our Mission"
|
||||
tagIcon={Heart}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="About Portfolio3D"
|
||||
description="We are a creative technology studio dedicated to pushing the boundaries of 3D interactive design and digital innovation."
|
||||
tag="Our Story"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-senior-mother-her-daughter-holding-hands_1262-18400.jpg?_wi=2"
|
||||
imageAlt="team support care elderly"
|
||||
buttons={[{ text: "Learn Our Values", href: "/services" }]}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80"
|
||||
imageAlt="About Portfolio3D"
|
||||
buttons={[
|
||||
{ text: "View Our Work", href: "/" },
|
||||
{ text: "Get In Touch", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-process" data-section="about-process">
|
||||
<FeatureCardSix
|
||||
title="Our Commitment to You"
|
||||
description="Everything we do is guided by four core principles that ensure your travel experience is safe, joyful, and empowering"
|
||||
tag="What Sets Us Apart"
|
||||
<div id="about-content" data-section="about-content">
|
||||
<FeatureCardOne
|
||||
title="Our Vision"
|
||||
description="We believe in creating experiences that transcend traditional digital interfaces, where technology and creativity converge to produce truly immersive moments."
|
||||
tag="Innovation"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="scale-rotate"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Safety First",
|
||||
description: "All companions and drivers are thoroughly vetted, background-checked, and trained in senior care. Your security is our top priority.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2148943303.jpg?_wi=2",
|
||||
imageAlt: "safety and trust",
|
||||
},
|
||||
title: "Cutting-Edge Technology", description: "We leverage the latest in 3D graphics, real-time rendering, and interactive systems to create experiences that push boundaries.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "cutting edge technology"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Personalized Care",
|
||||
description: "Every traveler is unique. We take time to understand your needs, preferences, and health considerations to create the perfect match.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grand-parent-learning-use-digital-divice_23-2149214590.jpg?_wi=2",
|
||||
imageAlt: "personalized matching",
|
||||
},
|
||||
title: "Creative Excellence", description: "Our team combines artistic vision with technical expertise to deliver visually stunning and emotionally engaging experiences.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "creative excellence"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Accessible Everywhere",
|
||||
description: "Our platform is designed for simplicity. Large fonts, intuitive navigation, and 24/7 support mean help is always just a tap away.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-booking-traveling-plane-flight-concept_53876-133675.jpg?_wi=2",
|
||||
imageAlt: "accessible design",
|
||||
},
|
||||
title: "Client-Focused", description: "We work closely with our clients to understand their goals and create custom solutions that exceed expectations and drive results.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "client focused approach"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-testimonials" data-section="about-testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Margaret Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-beautiful-woman-smiling-happy-confident-standing-with-smile-face-terrace_839833-20696.jpg?_wi=2",
|
||||
imageAlt: "senior portrait woman happy",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert Williams",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portait-handsome-european-elderly-man-smiles-positively-enjoys-retirement-wears-shirt-spectacles-has-perfect-white-teeth-isolated-beige-studio-wall_273609-44196.jpg?_wi=2",
|
||||
imageAlt: "elderly portrait man smiling",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Patricia & James Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hairstyle-laughing-hugging-grey-haired-man-with-mustache-cool-eyeglasses-white-shirt-outdoor_197531-28456.jpg?_wi=2",
|
||||
imageAlt: "senior portrait couple happy",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dorothy Martinez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-person-learning-use-technology_23-2149366841.jpg?_wi=2",
|
||||
imageAlt: "older portrait woman content",
|
||||
},
|
||||
]}
|
||||
cardTitle="Join our growing community of confident senior travelers"
|
||||
cardTag="Real stories from our travelers"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-walking-countryside_15879-610.jpg?_wi=2"
|
||||
imageAlt="travel sunset adventure journey"
|
||||
logoText="SeniorTravel"
|
||||
copyrightText="© 2025 SeniorTravel. Making travel accessible and joyful for seniors worldwide."
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Services", href: "/services" },
|
||||
{ label: "Destinations", href: "/destinations" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Projects", href: "#projects" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Travel Tips", href: "#" },
|
||||
{ label: "Safety Guidelines", href: "#" },
|
||||
title: "Services", items: [
|
||||
{ label: "3D Design", href: "#projects" },
|
||||
{ label: "Interactive Experiences", href: "#projects" },
|
||||
{ label: "AR/VR Development", href: "#projects" },
|
||||
{ label: "Motion Design", href: "#projects" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Accessibility", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Portfolio3D. Crafting immersive digital experiences."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,142 +2,118 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Plane, HelpCircle } from "lucide-react";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "How It Works", id: "features" },
|
||||
{ name: "Destinations", id: "product" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
};
|
||||
text: "Get Started", href: "#contact"};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="flat"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
brandName="SeniorTravel"
|
||||
brandName="Portfolio3D"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Let's Create Something Amazing"
|
||||
description="Have a project in mind? Let's discuss how we can bring your vision to life with immersive 3D interactive experiences."
|
||||
tag="Get In Touch"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80"
|
||||
imageAlt="Contact us"
|
||||
buttons={[
|
||||
{ text: "View Our Work", href: "/" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Started"
|
||||
title="Ready to Book Your Adventure?"
|
||||
description="Join thousands of seniors who've rediscovered the joy of travel. Sign up for our newsletter to learn about exclusive destinations, travel tips, special offers, and personalized travel recommendations."
|
||||
tagIcon={Plane}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Explore Destinations"
|
||||
termsText="We respect your privacy and will only send you helpful travel information. Unsubscribe anytime."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<FaqBase
|
||||
title="Quick Answers"
|
||||
description="Have questions? We're here to help"
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
<ContactSplitForm
|
||||
title="Start Your 3D Journey"
|
||||
description="Ready to transform your vision into an immersive 3D interactive experience? Get in touch with our team to discuss your project, timeline, and requirements. We'll create something extraordinary."
|
||||
inputs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I get started with SeniorTravel?",
|
||||
content: "Getting started is easy! Simply fill out our registration form with your travel preferences, health needs, and companion preferences. We'll review your information and match you with the perfect companion within 48 hours.",
|
||||
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What's the booking process like?",
|
||||
content: "Our team walks you through everything. You choose a destination, select your travel dates, pick your service plan, and we handle the rest—from flight bookings to accommodation and companion arrangements.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I change my companion if we don't match?",
|
||||
content: "Absolutely. We want you to feel comfortable. If your companion isn't the right fit, we'll immediately begin matching you with someone else—at no additional cost.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards, debit cards, bank transfers, and digital payment methods. Payment plans are also available for bookings over $2,000.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "How far in advance should I book?",
|
||||
content: "We recommend booking at least 4-6 weeks in advance to ensure the best companion matches and flight availability. However, we can accommodate rush bookings with available companions.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you offer travel insurance?",
|
||||
content: "Yes, we offer comprehensive travel insurance options that cover trip cancellation, medical emergencies, and lost luggage. Travel insurance is recommended and can be added at checkout.",
|
||||
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "projectDetails", placeholder: "Tell us about your project and vision...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=600&h=600&fit=crop"
|
||||
imageAlt="3D portfolio showcase"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
onSubmit={(data) => console.log("Form submitted:", data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-walking-countryside_15879-610.jpg?_wi=4"
|
||||
imageAlt="travel sunset adventure journey"
|
||||
logoText="SeniorTravel"
|
||||
copyrightText="© 2025 SeniorTravel. Making travel accessible and joyful for seniors worldwide."
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Services", href: "/services" },
|
||||
{ label: "Destinations", href: "/destinations" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Projects", href: "#projects" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Travel Tips", href: "#" },
|
||||
{ label: "Safety Guidelines", href: "#" },
|
||||
title: "Services", items: [
|
||||
{ label: "3D Design", href: "#projects" },
|
||||
{ label: "Interactive Experiences", href: "#projects" },
|
||||
{ label: "AR/VR Development", href: "#projects" },
|
||||
{ label: "Motion Design", href: "#projects" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Accessibility", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Portfolio3D. Crafting immersive digital experiences."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,40 +1,25 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Montserrat } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const montserrat = Montserrat({
|
||||
variable: "--font-montserrat",
|
||||
subsets: ["latin"],
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "SeniorTravel | Confident, Safe Travel for Seniors",
|
||||
description: "Travel with confidence. SeniorTravel connects seniors with trusted companions and drivers for safe, joyful trips worldwide. No more anxiety about being dropped off alone.",
|
||||
keywords: "senior travel, travel for seniors, elderly travel companions, accessible travel, senior tourism, travel assistance",
|
||||
metadataBase: new URL("https://seniortravel.com"),
|
||||
title: "Portfolio | 3D Interactive Design", description: "Explore cutting-edge 3D interactive portfolio design and immersive digital experiences.", keywords: "portfolio, 3D design, interactive, digital experience, creative", metadataBase: new URL("https://portfolio3d.com"),
|
||||
alternates: {
|
||||
canonical: "https://seniortravel.com",
|
||||
},
|
||||
canonical: "https://portfolio3d.com"},
|
||||
openGraph: {
|
||||
title: "SeniorTravel | Travel With Confidence",
|
||||
description: "Explore the world with professional support. SeniorTravel makes travel accessible, safe, and joyful for seniors.",
|
||||
url: "https://seniortravel.com",
|
||||
siteName: "SeniorTravel",
|
||||
type: "website",
|
||||
images: [
|
||||
title: "Portfolio | 3D Interactive Design", description: "Experience immersive 3D interactive design and digital innovation.", url: "https://portfolio3d.com", siteName: "Portfolio3D", type: "website", images: [
|
||||
{
|
||||
url: "https://seniortravel.com/og-image.jpg",
|
||||
alt: "Senior travelers enjoying vacation together",
|
||||
},
|
||||
url: "https://portfolio3d.com/og-image.jpg", alt: "3D interactive portfolio showcase"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "SeniorTravel | Travel With Confidence",
|
||||
description: "Explore the world with professional support. SeniorTravel makes travel accessible, safe, and joyful for seniors.",
|
||||
images: ["https://seniortravel.com/twitter-image.jpg"],
|
||||
card: "summary_large_image", title: "Portfolio | 3D Interactive Design", description: "Experience immersive 3D interactive design and digital innovation.", images: ["https://portfolio3d.com/twitter-image.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
@@ -50,7 +35,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${montserrat.variable} antialiased`}>
|
||||
<body className={`${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
@@ -1424,4 +1409,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
353
src/app/page.tsx
353
src/app/page.tsx
@@ -2,298 +2,227 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { MapPin, Sparkles, Heart, Wallet, Plane, HelpCircle } from "lucide-react";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles, Code, Palette, Zap } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "How It Works", id: "features" },
|
||||
{ name: "Destinations", id: "product" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
};
|
||||
text: "Get Started", href: "#contact"};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="flat"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
brandName="SeniorTravel"
|
||||
brandName="Portfolio3D"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Travel with Confidence, Supported Every Step"
|
||||
description="SeniorTravel connects you with experienced companions and drivers who understand your needs. No more anxiety about getting dropped off alone or finding reliable transportation. Your next adventure awaits."
|
||||
tag="For Active Seniors"
|
||||
tagIcon={MapPin}
|
||||
<HeroBillboardScroll
|
||||
title="Immersive 3D Interactive Design"
|
||||
description="Experience cutting-edge digital innovation with stunning 3D interactions, smooth animations, and immersive user experiences that push creative boundaries."
|
||||
tag="Creative Excellence"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-traveling-airport-scene_53876-13935.jpg",
|
||||
imageAlt: "senior travel airport happy",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-people-seaside-medium-shot_23-2149728384.jpg",
|
||||
imageAlt: "elderly vacation beach relaxation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-elderly-family-hiking-summer-man-woman-casual-clothes-with-ammunition-looking-landscape-hobby-active-lifestyle-concept_74855-22947.jpg",
|
||||
imageAlt: "senior travel group adventure",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-grey-mustache-long-sleeve-shirt-jeans-photographs-smiles-with-cool-woman-hat-glasses-blue-striped-blouse-park_197531-28518.jpg?_wi=1",
|
||||
imageAlt: "older tourists sightseeing tour",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-traveling-airport-scene_53876-26287.jpg",
|
||||
imageAlt: "senior travel guide assistance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-grey-mustache-long-sleeve-shirt-jeans-photographs-smiles-with-cool-woman-hat-glasses-blue-striped-blouse-park_197531-28518.jpg?_wi=2",
|
||||
imageAlt: "elderly family trip memories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-adventure_1098-14545.jpg",
|
||||
imageAlt: "senior travel destination explore",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-sitting-chais-lounge-making-selfie_259150-57817.jpg",
|
||||
imageAlt: "older vacation resort leisure",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
videoSrc="https://assets.codepen.io/754385/rotate.mp4"
|
||||
videoAriaLabel="3D interactive showcase"
|
||||
buttons={[
|
||||
{ text: "Start Booking", href: "/contact" },
|
||||
{ text: "Learn More", href: "/services" },
|
||||
{ text: "Explore Projects", href: "#projects" },
|
||||
{ text: "View Case Studies", href: "#about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
title="How SeniorTravel Works"
|
||||
description="A simple four-step process designed for comfort and peace of mind"
|
||||
tag="Easy Process"
|
||||
tagIcon={Sparkles}
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardOne
|
||||
title="Featured Projects"
|
||||
description="Discover our latest work featuring advanced 3D interactions, real-time rendering, and immersive digital experiences."
|
||||
tag="Showcase"
|
||||
tagIcon={Code}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="bento-grid"
|
||||
animationType="scale-rotate"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Search & Plan",
|
||||
description: "Browse destinations and search trips at your own pace. Our large, easy-to-read interface guides you through every option without confusion or pressure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-booking-traveling-plane-flight-concept_53876-133675.jpg?_wi=1",
|
||||
imageAlt: "search planning travel booking",
|
||||
},
|
||||
title: "3D Product Configurator", description: "Interactive 3D product visualization with real-time customization, material selection, and dynamic lighting.", videoSrc: "https://assets.codepen.io/754385/rotate.mp4", videoAriaLabel: "3D product configurator demo"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Get Matched",
|
||||
description: "We connect you with verified, caring travel companions or drivers who match your needs and preferences. Meet them beforehand if you'd like.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grand-parent-learning-use-digital-divice_23-2149214590.jpg?_wi=1",
|
||||
imageAlt: "match connect pairing support",
|
||||
},
|
||||
title: "Immersive Brand Experience", description: "Full-screen 3D brand experience with scroll-triggered animations, gesture controls, and spatial design.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "immersive brand experience"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Reliable Transport",
|
||||
description: "Your companion assists with transportation throughout your trip. From airport pickups to local tours, we ensure you're never stranded or struggling alone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2148943303.jpg?_wi=1",
|
||||
imageAlt: "transportation pickup driver mobility",
|
||||
},
|
||||
title: "Interactive Data Visualization", description: "Complex 3D data visualization with real-time updates, interactive filtering, and immersive exploration.", videoSrc: "https://assets.codepen.io/754385/rotate.mp4", videoAriaLabel: "3D data visualization"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Enjoy Your Journey",
|
||||
description: "Relax and enjoy your vacation knowing you have professional, compassionate support. Create memories without worrying about logistics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-cute-smiling-girls-sunglasses-happily-looking-camera-while-raising-hands-up-with-suitcase-backpack-shoulder-outdoor-near-airport_574295-663.jpg",
|
||||
imageAlt: "travel enjoy vacation happiness",
|
||||
},
|
||||
title: "AR Experience Platform", description: "Augmented reality integration combining 3D models with real-world environments for mobile and web.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "AR experience platform"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
title="Featured Destinations"
|
||||
description="Explore curated trips perfect for senior travelers with built-in support and accessibility"
|
||||
tag="Popular Routes"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "italy-tour",
|
||||
name: "Italian Heritage Tour",
|
||||
price: "$2,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-from-vatican-city_1268-20478.jpg?_wi=1",
|
||||
imageAlt: "italy rome travel architecture",
|
||||
initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "greece-escape",
|
||||
name: "Greek Island Escape",
|
||||
price: "$2,199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-orange-plant-pot-white-stone-balcony-greek-island_181624-2595.jpg?_wi=1",
|
||||
imageAlt: "greece santorini mediterranean scenic",
|
||||
initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "japan-adventure",
|
||||
name: "Japan Cultural Journey",
|
||||
price: "$3,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/walkway-fushimi-inari-red-torii-japan_1150-17916.jpg?_wi=1",
|
||||
imageAlt: "japan temple travel culture",
|
||||
initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Why SeniorTravel?"
|
||||
description="We understand the unique challenges seniors face when traveling. Isolation, mobility concerns, and communication barriers shouldn't prevent you from exploring the world. Our mission is to ensure every senior can travel confidently, safely, and joyfully—with a trusted companion by their side."
|
||||
tag="Our Promise"
|
||||
tagIcon={Heart}
|
||||
<FeatureCardOne
|
||||
title="Our Expertise"
|
||||
description="We specialize in creating the most immersive 3D interactive experiences using the latest technologies and creative approaches."
|
||||
tag="Technical Innovation"
|
||||
tagIcon={Palette}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-senior-mother-her-daughter-holding-hands_1262-18400.jpg?_wi=1"
|
||||
imageAlt="team support care elderly"
|
||||
buttons={[{ text: "Join Our Community", href: "/contact" }]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="depth-3d"
|
||||
features={[
|
||||
{
|
||||
title: "Three.js & Babylon.js", description: "Expert-level 3D graphics programming with advanced shaders, particle systems, and real-time rendering optimization.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "3D graphics programming"},
|
||||
{
|
||||
title: "WebGL & WebGPU", description: "Cutting-edge GPU-accelerated graphics for ultra-high-performance 3D applications and visualizations.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "WebGL GPU programming"},
|
||||
{
|
||||
title: "Motion Design & Animation", description: "Sophisticated animation systems with GSAP, Framer Motion, and custom physics engines for fluid interactions.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "motion design and animation"},
|
||||
{
|
||||
title: "AR/VR Development", description: "Full-stack augmented and virtual reality experiences using WebXR, Three.js, and mobile platforms.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "AR VR development"},
|
||||
{
|
||||
title: "Performance Optimization", description: "Advanced optimization techniques ensuring 60fps animations and smooth interactions across all devices.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "performance optimization"},
|
||||
{
|
||||
title: "Interactive Experiences", description: "Custom-built interactive systems combining user input, real-time data, and immersive 3D environments.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "interactive experiences"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
team={[
|
||||
{
|
||||
id: "1", name: "Alex Chen", role: "Creative Director", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop", imageAlt: "Alex Chen - Creative Director"},
|
||||
{
|
||||
id: "2", name: "Maya Rodriguez", role: "3D Developer", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop", imageAlt: "Maya Rodriguez - 3D Developer"},
|
||||
{
|
||||
id: "3", name: "Jordan Lee", role: "Motion Designer", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop", imageAlt: "Jordan Lee - Motion Designer"},
|
||||
{
|
||||
id: "4", name: "Sam Taylor", role: "UI/UX Designer", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=500&h=500&fit=crop", imageAlt: "Sam Taylor - UI/UX Designer"},
|
||||
{
|
||||
id: "5", name: "Chris Park", role: "WebGL Specialist", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop", imageAlt: "Chris Park - WebGL Specialist"},
|
||||
{
|
||||
id: "6", name: "Emma Wilson", role: "AR/VR Developer", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop", imageAlt: "Emma Wilson - AR/VR Developer"},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
title="Meet Our Team"
|
||||
description="Talented creative technologists pushing the boundaries of 3D interactive design"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Creative Excellence"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The immersive 3D experiences created by this team transformed how our customers interact with our products. The attention to detail and technical excellence is unmatched. We saw a 300% increase in user engagement and our brand perception improved dramatically."
|
||||
rating={5}
|
||||
author="Sarah Mitchell, CEO of TechVision Corp"
|
||||
avatars={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Margaret Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-beautiful-woman-smiling-happy-confident-standing-with-smile-face-terrace_839833-20696.jpg?_wi=1",
|
||||
imageAlt: "senior portrait woman happy",
|
||||
},
|
||||
src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Avatar 1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert Williams",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portait-handsome-european-elderly-man-smiles-positively-enjoys-retirement-wears-shirt-spectacles-has-perfect-white-teeth-isolated-beige-studio-wall_273609-44196.jpg?_wi=1",
|
||||
imageAlt: "elderly portrait man smiling",
|
||||
},
|
||||
src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop", alt: "Avatar 2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Patricia & James Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hairstyle-laughing-hugging-grey-haired-man-with-mustache-cool-eyeglasses-white-shirt-outdoor_197531-28456.jpg?_wi=1",
|
||||
imageAlt: "senior portrait couple happy",
|
||||
},
|
||||
src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop", alt: "Avatar 3"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dorothy Martinez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-person-learning-use-technology_23-2149366841.jpg?_wi=1",
|
||||
imageAlt: "older portrait woman content",
|
||||
},
|
||||
src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop", alt: "Avatar 4"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Charles Anderson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-friendly-senior-man_1262-1729.jpg",
|
||||
imageAlt: "elderly portrait man friendly",
|
||||
},
|
||||
src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Avatar 5"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Helen & Paul Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elderly-friends-together_23-2148354920.jpg",
|
||||
imageAlt: "senior portrait friends together",
|
||||
},
|
||||
src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop", alt: "Avatar 6"},
|
||||
]}
|
||||
cardTitle="Thousands of seniors have traveled with confidence and joy through SeniorTravel"
|
||||
cardTag="Hear from our travelers"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Started"
|
||||
title="Ready for Your Next Adventure?"
|
||||
description="Join thousands of seniors who've rediscovered the joy of travel. Sign up for our newsletter to learn about exclusive destinations, travel tips, and special offers."
|
||||
tagIcon={Plane}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
<ContactSplitForm
|
||||
title="Start Your 3D Journey"
|
||||
description="Ready to transform your vision into an immersive 3D interactive experience? Get in touch with our team to discuss your project, timeline, and requirements. We'll create something extraordinary."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "projectDetails", placeholder: "Tell us about your project and vision...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Explore Destinations"
|
||||
termsText="We respect your privacy and will only send you helpful travel information. Unsubscribe anytime."
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=600&h=600&fit=crop"
|
||||
imageAlt="3D portfolio showcase"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
onSubmit={(data) => console.log("Form submitted:", data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-walking-countryside_15879-610.jpg?_wi=1"
|
||||
imageAlt="travel sunset adventure journey"
|
||||
logoText="SeniorTravel"
|
||||
copyrightText="© 2025 SeniorTravel. Making travel accessible and joyful for seniors worldwide."
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Services", href: "/services" },
|
||||
{ label: "Destinations", href: "/destinations" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Projects", href: "#projects" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Travel Tips", href: "#" },
|
||||
{ label: "Safety Guidelines", href: "#" },
|
||||
title: "Services", items: [
|
||||
{ label: "3D Design", href: "#projects" },
|
||||
{ label: "Interactive Experiences", href: "#projects" },
|
||||
{ label: "AR/VR Development", href: "#projects" },
|
||||
{ label: "Motion Design", href: "#projects" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Accessibility", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Portfolio3D. Crafting immersive digital experiences."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,229 +2,122 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Sparkles, Wallet, HelpCircle } from "lucide-react";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "How It Works", id: "features" },
|
||||
{ name: "Destinations", id: "product" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
};
|
||||
text: "Get Started", href: "#contact"};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="flat"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
brandName="SeniorTravel"
|
||||
brandName="Portfolio3D"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
title="Our Comprehensive Travel Services"
|
||||
description="Everything you need for a worry-free journey, from planning to arrival"
|
||||
tag="Full Service Support"
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Our Services"
|
||||
description="Comprehensive 3D interactive design and development services tailored to your vision."
|
||||
tag="What We Offer"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Trip Planning & Booking",
|
||||
description: "Our team helps you choose destinations, book accommodations, and arrange transportation. Large, easy-to-read interface guides you through every step without confusion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-booking-traveling-plane-flight-concept_53876-133675.jpg?_wi=3",
|
||||
imageAlt: "trip planning and booking",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Companion Matching",
|
||||
description: "We carefully match you with caring travel companions based on your preferences, interests, and needs. Meet them beforehand for peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grand-parent-learning-use-digital-divice_23-2149214590.jpg?_wi=3",
|
||||
imageAlt: "companion matching service",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "24/7 Support & Assistance",
|
||||
description: "Round-the-clock support is always available. Medical coordination, emergency assistance, and travel guidance—we're here whenever you need us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2148943303.jpg?_wi=3",
|
||||
imageAlt: "24/7 support",
|
||||
},
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80"
|
||||
imageAlt="Our Services"
|
||||
buttons={[
|
||||
{ text: "View Projects", href: "/" },
|
||||
{ text: "Start Project", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Transparent Pricing"
|
||||
description="Choose the support package that fits your travel style and budget"
|
||||
tag="Affordable Plans"
|
||||
tagIcon={Wallet}
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
title="Full-Spectrum 3D Solutions"
|
||||
description="From concept to deployment, we provide end-to-end services for creating immersive 3D interactive experiences."
|
||||
tag="Our Services"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
gridVariant="bento-grid"
|
||||
animationType="depth-3d"
|
||||
features={[
|
||||
{
|
||||
id: "companion",
|
||||
title: "Companion Support",
|
||||
price: "$999",
|
||||
period: "/week",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-from-vatican-city_1268-20478.jpg?_wi=2",
|
||||
imageAlt: "Companion support package",
|
||||
button: { text: "Select Plan", href: "/contact" },
|
||||
features: [
|
||||
"Matched travel companion for entire trip",
|
||||
"Airport pickup and drop-off",
|
||||
"Daily activity assistance",
|
||||
"24/7 emergency support",
|
||||
"Accommodation arrangements",
|
||||
],
|
||||
},
|
||||
title: "3D Modeling & Animation", description: "Professional 3D modeling, texturing, rigging, and animation for product visualization and interactive content.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "3D modeling and animation"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Premium Care",
|
||||
price: "$1,499",
|
||||
period: "/week",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-orange-plant-pot-white-stone-balcony-greek-island_181624-2595.jpg?_wi=2",
|
||||
imageAlt: "Premium care package",
|
||||
button: { text: "Select Plan", href: "/contact" },
|
||||
features: [
|
||||
"Dedicated professional caregiver",
|
||||
"VIP transportation service",
|
||||
"Medical appointment assistance",
|
||||
"Medication management support",
|
||||
"Priority 24/7 concierge service",
|
||||
"Flexible activity customization",
|
||||
],
|
||||
},
|
||||
title: "Interactive Web Experiences", description: "Custom-built interactive websites with 3D graphics, animations, and immersive user interfaces.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "interactive web experiences"},
|
||||
{
|
||||
id: "group",
|
||||
title: "Group Travel",
|
||||
price: "$749",
|
||||
period: "/person/week",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/walkway-fushimi-inari-red-torii-japan_1150-17916.jpg?_wi=2",
|
||||
imageAlt: "Group travel package",
|
||||
button: { text: "Select Plan", href: "/contact" },
|
||||
features: [
|
||||
"Organized group tours",
|
||||
"Shared transportation",
|
||||
"Group accommodations",
|
||||
"Social activities included",
|
||||
"Professional group coordinator",
|
||||
"Perfect for seniors seeking companionship",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services"
|
||||
tag="Help & Support"
|
||||
tagIcon={HelpCircle}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is SeniorTravel available internationally?",
|
||||
content: "Yes! SeniorTravel operates in over 50 countries across Europe, Asia, North America, and beyond. We carefully vet local partners to ensure the same high standards of care and support everywhere you travel.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What if I have mobility or health concerns?",
|
||||
content: "We ask about all mobility and health needs during registration. Our companions are trained in assistance techniques and can help with accessibility accommodations. We ensure nothing is overlooked so you can travel safely.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I travel solo, or do I need a companion?",
|
||||
content: "All SeniorTravel bookings include a companion or driver for safety and support. However, depending on your needs and independence level, we offer different service levels—from light assistance to full-time care.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do I meet my travel companion before the trip?",
|
||||
content: "We provide detailed profiles of matched companions and encourage video calls or in-person meetings beforehand. You have the option to request a different match if you're not comfortable with the initial pairing.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What happens if I need emergency help during travel?",
|
||||
content: "SeniorTravel provides 24/7 emergency support. Your companion has direct access to our support team, and we coordinate with local medical professionals and services as needed. Your safety is always our priority.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Are there discounts for group bookings?",
|
||||
content: "Yes! Our Group Travel plan offers significant savings when traveling with friends or family. Groups of 4+ receive an additional 10% discount, and we help coordinate accommodations and activities.",
|
||||
},
|
||||
title: "WebGL Development", description: "Advanced WebGL programming for high-performance 3D graphics and real-time rendering applications.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "WebGL development"},
|
||||
{
|
||||
title: "AR/VR Solutions", description: "Augmented and virtual reality experiences for web, mobile, and specialized VR platforms.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "AR VR solutions"},
|
||||
{
|
||||
title: "Motion Design & Animation", description: "Sophisticated motion graphics, transitions, and animation systems for seamless user interactions.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "motion design and animation"},
|
||||
{
|
||||
title: "Performance Optimization", description: "Comprehensive optimization ensuring smooth 60fps performance across all devices and browsers.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "performance optimization"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-walking-countryside_15879-610.jpg?_wi=3"
|
||||
imageAlt="travel sunset adventure journey"
|
||||
logoText="SeniorTravel"
|
||||
copyrightText="© 2025 SeniorTravel. Making travel accessible and joyful for seniors worldwide."
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Services", href: "/services" },
|
||||
{ label: "Destinations", href: "/destinations" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Projects", href: "#projects" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Travel Tips", href: "#" },
|
||||
{ label: "Safety Guidelines", href: "#" },
|
||||
title: "Services", items: [
|
||||
{ label: "3D Design", href: "#projects" },
|
||||
{ label: "Interactive Experiences", href: "#projects" },
|
||||
{ label: "AR/VR Development", href: "#projects" },
|
||||
{ label: "Motion Design", href: "#projects" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Accessibility", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Portfolio3D. Crafting immersive digital experiences."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
}
|
||||
|
||||
@@ -2,23 +2,23 @@
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
/* --background: #f7f6f7;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #25190c;;
|
||||
--primary-cta: #ff6207;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #ffce93;;
|
||||
--background-accent: #e8cfa8;; */
|
||||
/* --background: #000000;;
|
||||
--card: #0c0c0c;;
|
||||
--foreground: #ffffff;;
|
||||
--primary-cta: #106EFB;;
|
||||
--secondary-cta: #000000;;
|
||||
--accent: #535353;;
|
||||
--background-accent: #106EFB;; */
|
||||
|
||||
--background: #f7f6f7;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #25190c;;
|
||||
--primary-cta: #ff6207;;
|
||||
--background: #000000;;
|
||||
--card: #0c0c0c;;
|
||||
--foreground: #ffffff;;
|
||||
--primary-cta: #106EFB;;
|
||||
--primary-cta-text: #f7f6f7;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--secondary-cta: #000000;;
|
||||
--secondary-cta-text: #25190c;;
|
||||
--accent: #ffce93;;
|
||||
--background-accent: #e8cfa8;;
|
||||
--accent: #535353;;
|
||||
--background-accent: #106EFB;;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user