Compare commits
28 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1d7855ce18 | |||
| d14aeed95d | |||
| 0179ea9c65 | |||
| 1e8944f07a | |||
| 46127aa167 | |||
| 997dbeb737 | |||
| b7f1853971 | |||
| 48adf4d5d1 | |||
| ac6dc11843 | |||
| 4b521c8e92 | |||
| 3966287d4a | |||
| 03654e5714 | |||
| 6a1d010d22 | |||
| 229e773e5d | |||
| 216b5c60d5 | |||
| a10d32b50b | |||
| 4878e05af8 | |||
| 1ee0f0db97 | |||
| 85ad12ae3e | |||
| e4b3a9f519 | |||
| 8ed259d982 | |||
| 0073e7c142 | |||
| 3fd7a8b1bf | |||
| c81e42ef68 | |||
| 16ae781275 | |||
| 08847a255b | |||
| 7191f703d9 | |||
| e92292363e |
@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Lato } from "next/font/google";
|
import { Lato } from "next/font/google";
|
||||||
|
import { Montserrat } from "next/font/google";
|
||||||
|
import { Manrope } from "next/font/google";
|
||||||
|
import { DM_Sans } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -25,10 +28,15 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const lato = Lato({
|
|
||||||
variable: "--font-lato",
|
|
||||||
|
const manrope = Manrope({
|
||||||
|
variable: "--font-manrope",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const dmSans = DM_Sans({
|
||||||
|
variable: "--font-dm-sans",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
weight: ["100", "300", "400", "700", "900"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -39,7 +47,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${lato.variable} antialiased`}>
|
<body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
@@ -44,8 +44,9 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
background={{ variant: "gradient-bars" }}
|
background={{ variant: "gradient-bars" }}
|
||||||
title="Discover Albania’s Unseen Luxury"
|
title="NISÉL
|
||||||
description="Experience curated, bespoke journeys through the hidden gems of the Adriatic and the dramatic beauty of the Albanian Alps with NISÉL TOUR."
|
TOUR "
|
||||||
|
description="dfdsfssd"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{ name: "Elena V.", handle: "@elena_travels", testimonial: "An unparalleled journey through Albania. Every detail was meticulously curated for maximum comfort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/love-couple-pretty-woman-man-hats-outdoor_624325-3076.jpg" },
|
{ name: "Elena V.", handle: "@elena_travels", testimonial: "An unparalleled journey through Albania. Every detail was meticulously curated for maximum comfort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/love-couple-pretty-woman-man-hats-outdoor_624325-3076.jpg" },
|
||||||
{ name: "Mark D.", handle: "@md_global", testimonial: "NISÉL TOUR defined luxury for us. Exceptional local knowledge combined with high-end execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-photo-camera_23-2149049085.jpg" },
|
{ name: "Mark D.", handle: "@md_global", testimonial: "NISÉL TOUR defined luxury for us. Exceptional local knowledge combined with high-end execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-photo-camera_23-2149049085.jpg" },
|
||||||
@@ -76,7 +77,7 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<MediaAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Crafting Extraordinary Moments"
|
title="ciao Extraordinary Moments"
|
||||||
description="At NISÉL TOUR, we believe luxury is found in the intersection of authenticity and excellence. We curate private, exclusive itineraries that reveal the soul of Albania without compromising on sophistication."
|
description="At NISÉL TOUR, we believe luxury is found in the intersection of authenticity and excellence. We curate private, exclusive itineraries that reveal the soul of Albania without compromising on sophistication."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-breathtaking-view_23-2148347720.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-breathtaking-view_23-2148347720.jpg"
|
||||||
/>
|
/>
|
||||||
@@ -88,7 +89,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{ id: "f1", title: "Private Logistics", subtitle: "Luxury fleet at your disposal.", category: "Transport", value: "24/7" },
|
{ id: "f1", title: "Private dddd", subtitle: "Luxury fleet at your disposal.", category: "Transport", value: "Around-the-clock support" },
|
||||||
{ id: "f2", title: "Secret Access", subtitle: "Entry to places few ever see.", category: "Exclusivity", value: "Unlimited" },
|
{ id: "f2", title: "Secret Access", subtitle: "Entry to places few ever see.", category: "Exclusivity", value: "Unlimited" },
|
||||||
{ id: "f3", title: "Expert Concierge", subtitle: "Your dedicated personal assistant.", category: "Support", value: "1:1" },
|
{ id: "f3", title: "Expert Concierge", subtitle: "Your dedicated personal assistant.", category: "Support", value: "1:1" },
|
||||||
]}
|
]}
|
||||||
@@ -148,7 +149,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: "q1", title: "How do I book a tour?", content: "Contact us directly via our form or email to start your consultation." },
|
{ id: "q1", title: "How do I book a tour?", content: "Fill out the form below or contact our concierge directly to initiate your custom consultation." },
|
||||||
{ id: "q2", title: "Is accommodation included?", content: "All our luxury tours include stays at hand-picked boutique hotels or villas." },
|
{ id: "q2", title: "Is accommodation included?", content: "All our luxury tours include stays at hand-picked boutique hotels or villas." },
|
||||||
{ id: "q3", title: "Can I customize my trip?", content: "Yes, all itineraries are fully bespoke to your preferences." },
|
{ id: "q3", title: "Can I customize my trip?", content: "Yes, all itineraries are fully bespoke to your preferences." },
|
||||||
]}
|
]}
|
||||||
@@ -173,12 +174,12 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterLogoEmphasis
|
||||||
columns={[
|
|
||||||
{ title: "Navigate", items: [{ label: "Home", href: "#hero" }, { label: "Experiences", href: "#products" }] },
|
|
||||||
{ title: "Information", items: [{ label: "About Us", href: "#about" }, { label: "Privacy Policy", href: "#" }] },
|
|
||||||
]}
|
|
||||||
logoText="NISÉL TOUR"
|
logoText="NISÉL TOUR"
|
||||||
|
columns={[
|
||||||
|
{ items: [{ label: "Home", href: "#hero" }, { label: "Experiences", href: "#products" }] },
|
||||||
|
{ items: [{ label: "About Us", href: "#about" }, { label: "Privacy Policy", href: "#" }] },
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-lato), sans-serif;
|
font-family: var(--font-dm-sans), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-lato), sans-serif;
|
font-family: var(--font-manrope), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f5f4ef;
|
--background: #020617;
|
||||||
--card: #dad6cd;
|
--card: #0f172a;
|
||||||
--foreground: #2a2928;
|
--foreground: #e2e8f0;
|
||||||
--primary-cta: #2a2928;
|
--primary-cta: #c4d8f9;
|
||||||
--primary-cta-text: #f5f4ef;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #ecebea;
|
--secondary-cta: #041633;
|
||||||
--secondary-cta-text: #2a2928;
|
--secondary-cta-text: #ffffff;
|
||||||
--accent: #ffffff;
|
--accent: #2d30f3;
|
||||||
--background-accent: #c6b180;
|
--background-accent: #1d4ed8;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user