diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 524b148..510e15f 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -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 ( -
- +
-
- +
-
- -
-
); -} \ No newline at end of file +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index ac9cd8c..a1762fb 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -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 ( + +
+
- -
- -
- console.log("Form submitted:", data)} />
); -} \ No newline at end of file +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 8cf6cac..175f116 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -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 ( - + {children} @@ -1424,4 +1409,4 @@ export default function RootLayout({ ); -} \ No newline at end of file +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 11807a9..bffd698 100644 --- a/src/app/page.tsx +++ b/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 (
-
-
- +
-
- -
-
- +
+ +
+
-
- console.log("Form submitted:", data)} />
); -} \ No newline at end of file +} diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index e57045a..7887005 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -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 ( -
- +
-
- + -
- -
-
); -} \ No newline at end of file +} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index aa7fd03..34aea07 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -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; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 14ae6e4..dccaa95 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -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);