Merge version_2 into main #2
@@ -5,36 +5,33 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
|
||||
export default function GalleryPage() {
|
||||
export default function GaleriePage() {
|
||||
const navItems = [
|
||||
{ name: "Startseite", id: "home" },
|
||||
{ name: "Ferienwohnungen", id: "accommodations" },
|
||||
{ name: "Lage", id: "location" },
|
||||
{ name: "Aktivitäten", id: "activities" },
|
||||
{ name: "Galerie", id: "gallery" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
{ name: "Startseite", id: "/" },
|
||||
{ name: "Ferienwohnungen", id: "/" },
|
||||
{ name: "Lage", id: "/" },
|
||||
{ name: "Aktivitäten", id: "/" },
|
||||
{ name: "Galerie", id: "/galerie" },
|
||||
{ name: "Kontakt", id: "/kontakt-buchung" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "StrandQuartier",
|
||||
items: [
|
||||
{ label: "Über uns", href: "about" },
|
||||
{ label: "Ferienwohnungen", href: "accommodations" },
|
||||
{ label: "Galerie", href: "gallery" },
|
||||
title: "StrandQuartier", items: [
|
||||
{ label: "Über uns", href: "/" },
|
||||
{ label: "Ferienwohnungen", href: "/" },
|
||||
{ label: "Galerie", href: "/galerie" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informationen",
|
||||
items: [
|
||||
{ label: "Lage", href: "location" },
|
||||
{ label: "Aktivitäten", href: "activities" },
|
||||
{ label: "Kontakt", href: "contact" },
|
||||
title: "Informationen", items: [
|
||||
{ label: "Lage", href: "/" },
|
||||
{ label: "Aktivitäten", href: "/" },
|
||||
{ label: "Kontakt", href: "/kontakt-buchung" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{ label: "Parkweg 2b, 18230 Rerik", href: "#" },
|
||||
{ label: "info@strandquartier-rerik.de", href: "mailto:info@strandquartier-rerik.de" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
@@ -42,6 +39,25 @@ export default function GalleryPage() {
|
||||
},
|
||||
];
|
||||
|
||||
const galleryImages = [
|
||||
{
|
||||
id: "1", category: "Ferienwohnungen", title: "Luxus Penthouse mit Panoramablick", excerpt: "Erleben Sie Luxus pur mit Panoramablick auf die Ostsee. Modernes Design trifft auf Komfort.", imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-scenery-wooden-sticks-middle-ocean-colorful-sky_181624-37504.jpg", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/row-bar-equipment-counter_23-2148209430.jpg", date: "2025"},
|
||||
{
|
||||
id: "2", category: "Ferienwohnungen", title: "Komfort Apartment mit Balkon", excerpt: "Geräumiges Apartment mit eigenem Balkon, ideal für Paare und kleine Familien.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dress-vacation-lake-mountains-background_343596-839.jpg?_wi=1", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-looking-map-sightseeing-taking-photos-camera_285396-3089.jpg", date: "2025"},
|
||||
{
|
||||
id: "3", category: "Strand", title: "Traumhafter Sonnenuntergang am Strand", excerpt: "Magische Augenblicke: Genießen Sie die spektakulären Sonnenuntergänge an unserem privaten Strand.", imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343409.jpg?_wi=1", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg", date: "2025"},
|
||||
{
|
||||
id: "4", category: "Natur", title: "Salzhaff Naturschutzgebiet", excerpt: "Das geschützte Salzhaff ist ein Paradies für Naturliebhaber und Vogelbeobachter.", imageSrc: "http://img.b2bpic.net/free-vector/let-s-sail-away_23-2147514894.jpg?_wi=1", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/row-bar-equipment-counter_23-2148209430.jpg", date: "2025"},
|
||||
{
|
||||
id: "5", category: "Aktivitäten", title: "Fahrradfahren an der Ostseeküste", excerpt: "Erkunden Sie die wunderschöne Küstenlandschaft auf dem Fahrrad mit atemberaubenden Ausblicken.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-looking-map-sightseeing-taking-photos-camera_285396-3089.jpg?_wi=1", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-bed-with-breakfast_23-2148161286.jpg", date: "2025"},
|
||||
{
|
||||
id: "6", category: "Ferienwohnungen", title: "Familie Villa mit Garten", excerpt: "Perfekt für Familien: Geräumige Villa mit privatem Garten und Grillplatz am Strand.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-bamboo-bridge_1150-14400.jpg?_wi=1", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/row-bar-equipment-counter_23-2148209430.jpg", date: "2025"},
|
||||
{
|
||||
id: "7", category: "Ausstattung", title: "Moderne Vollausstattete Küche", excerpt: "Alle Küchen sind mit modernen Geräten ausgestattet – ideal zum Selbstversorgen oder für spezielle Wünsche.", imageSrc: "http://img.b2bpic.net/free-photo/row-bar-equipment-counter_23-2148209430.jpg?_wi=1", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg", date: "2025"},
|
||||
{
|
||||
id: "8", category: "Natur", title: "Waldwanderungen in der Region", excerpt: "Entdecken Sie die herrlichen Wälder und Naturpfade rund um Rerik – perfekt für Erholung und Abenteuer.", imageSrc: "http://img.b2bpic.net/free-photo/view-beach-liverpool-sunset-rows-breakwaters-united-kingdom_1268-16939.jpg?_wi=1", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-looking-map-sightseeing-taking-photos-camera_285396-3089.jpg", date: "2025"},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -56,55 +72,19 @@ export default function GalleryPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="StrandQuartier Rerik"
|
||||
navItems={navItems}
|
||||
/>
|
||||
<NavbarStyleApple brandName="StrandQuartier Rerik" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<div id="gallery" data-section="gallery" className="pt-20">
|
||||
<BlogCardOne
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Unterkunft",
|
||||
title: "Modernes Ferienhaus Design",
|
||||
excerpt: "Luxuriös ausgestattete Ferienwohnungen mit modernster Ausstattung und Panoramablick.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-bamboo-bridge_1150-14400.jpg?_wi=4",
|
||||
imageAlt: "Strandhaus Außenansicht Architektur modern",
|
||||
authorName: "StrandQuartier Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/row-bar-equipment-counter_23-2148209430.jpg",
|
||||
date: "2025",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Natur",
|
||||
title: "Die Schönheit der Ostsee",
|
||||
excerpt: "Sonnenuntergänge, Strand und Naturschutzgebiete – die perfekte Kulisse für Ihre Erholung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/let-s-sail-away_23-2147514894.jpg?_wi=4",
|
||||
imageAlt: "Sonnenuntergang Salzhaff Reflexion Wasser Natur",
|
||||
authorName: "StrandQuartier Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-looking-map-sightseeing-taking-photos-camera_285396-3089.jpg",
|
||||
date: "2025",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "Aktivitäten",
|
||||
title: "Abenteuer an Land und Wasser",
|
||||
excerpt: "Fahrradfahren, Wassersport und Strandwanderungen – alles ist möglich in Rerik.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343409.jpg?_wi=5",
|
||||
imageAlt: "Strandspaziergänge Familie Sonnenuntergang Natur",
|
||||
authorName: "StrandQuartier Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg",
|
||||
date: "2025",
|
||||
},
|
||||
]}
|
||||
title="Galerie – Impressionen von StrandQuartier"
|
||||
description="Erleben Sie die Schönheit unserer Unterkunft und der faszinierenden Ostseeregion. Eine vollständige Bildergalerie mit Impressionen von Ferienwohnungen, Strand, Natur und Aktivitäten."
|
||||
tag="Fotogalerie"
|
||||
blogs={galleryImages}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Galerie – Impressionen von StrandQuartier"
|
||||
description="Erleben Sie die Schönheit unserer Unterkunft und der faszinierenden Ostseeregion durch unsere Bildergalerie."
|
||||
tag="Galerie"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -116,4 +96,4 @@ export default function GalleryPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
145
src/app/kontakt-buchung/page.tsx
Normal file
145
src/app/kontakt-buchung/page.tsx
Normal file
@@ -0,0 +1,145 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Mail } from "lucide-react";
|
||||
|
||||
export default function KontaktBuchungPage() {
|
||||
const navItems = [
|
||||
{ name: "Startseite", id: "/" },
|
||||
{ name: "Ferienwohnungen", id: "/" },
|
||||
{ name: "Lage", id: "/" },
|
||||
{ name: "Aktivitäten", id: "/" },
|
||||
{ name: "Galerie", id: "/galerie" },
|
||||
{ name: "Kontakt", id: "/kontakt-buchung" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "StrandQuartier", items: [
|
||||
{ label: "Über uns", href: "/" },
|
||||
{ label: "Ferienwohnungen", href: "/" },
|
||||
{ label: "Galerie", href: "/galerie" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informationen", items: [
|
||||
{ label: "Lage", href: "/" },
|
||||
{ label: "Aktivitäten", href: "/" },
|
||||
{ label: "Kontakt", href: "/kontakt-buchung" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{ label: "Parkweg 2b, 18230 Rerik", href: "#" },
|
||||
{ label: "info@strandquartier-rerik.de", href: "mailto:info@strandquartier-rerik.de" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const handleContactSubmit = (email: string) => {
|
||||
console.log("Contact form submitted with email:", email);
|
||||
// In a real application, send this to a backend service
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="StrandQuartier Rerik" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="pt-20">
|
||||
<div className="w-full">
|
||||
{/* Contact Form Section */}
|
||||
<ContactSplit
|
||||
tag="Kontakt & Buchung"
|
||||
title="Wir freuen uns auf Ihre Anfrage"
|
||||
description="Kontaktieren Sie uns jetzt, um Ihre perfekte Unterkunft an der Ostsee zu buchen oder weitere Informationen zu erhalten. Unser Team antwortet schnell und persönlich auf alle Anfragen."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/breathtaking-scenery-wooden-sticks-middle-ocean-colorful-sky_181624-37504.jpg"
|
||||
imageAlt="Ostsee Strand"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Ihre E-Mail-Adresse"
|
||||
buttonText="Anfrage senden"
|
||||
termsText="Mit dem Absenden akzeptieren Sie unsere Datenschutzerklärung. Wir werden Ihnen schnellstmöglich antworten."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
onSubmit={handleContactSubmit}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Additional Contact Information Section */}
|
||||
<div className="w-full px-4 sm:px-6 md:px-8 py-16 md:py-24">
|
||||
<div className="mx-auto w-full max-w-content-width">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12">
|
||||
{/* Contact Info */}
|
||||
<div className="flex flex-col items-start">
|
||||
<h3 className="text-lg md:text-xl font-semibold mb-4">Adresse</h3>
|
||||
<p className="text-sm md:text-base opacity-80 leading-relaxed">
|
||||
StrandQuartier Rerik<br />
|
||||
Parkweg 2b<br />
|
||||
18230 Rerik<br />
|
||||
Deutschland
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Email */}
|
||||
<div className="flex flex-col items-start">
|
||||
<h3 className="text-lg md:text-xl font-semibold mb-4">E-Mail</h3>
|
||||
<a
|
||||
href="mailto:info@strandquartier-rerik.de"
|
||||
className="text-sm md:text-base opacity-80 hover:opacity-100 transition-opacity"
|
||||
>
|
||||
info@strandquartier-rerik.de
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{/* Phone */}
|
||||
<div className="flex flex-col items-start">
|
||||
<h3 className="text-lg md:text-xl font-semibold mb-4">Telefon</h3>
|
||||
<p className="text-sm md:text-base opacity-80">+49 (0) 38296 - 2121</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Embedded Map */}
|
||||
<div className="mt-16 md:mt-24">
|
||||
<h2 className="text-2xl md:text-4xl font-bold mb-8">Anfahrt</h2>
|
||||
<div className="w-full h-96 md:h-full rounded-2xl overflow-hidden">
|
||||
<iframe
|
||||
width="100%"
|
||||
height="400"
|
||||
style={{ border: 0 }}
|
||||
loading="lazy"
|
||||
allowFullScreen
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2311.8847159876003!2d11.936!3d54.175!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b39e8f1234567%3A0x1234567890abcdef!2sRerik%2C%20Germany!5e0!3m2!1sen!2sde!4v1234567890"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 StrandQuartier Rerik | Alle Rechte vorbehalten"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -7,49 +7,31 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "StrandQuartier Rerik | Ferienwohnungen Ostsee",
|
||||
description: "Luxuriöse Ferienwohnungen direkt an der Ostsee in Rerik. Moderner Komfort, Strandnähe und wunderschöne Natur für Ihren perfekten Urlaub.",
|
||||
keywords: "Ferienwohnung Rerik, StrandQuartier Rerik, Urlaub Ostsee Rerik, Ferienwohnung Ostsee Strandnähe, Rerik Unterkunft, Ostseeurlaub",
|
||||
metadataBase: new URL("https://strandquartier-rerik.de"),
|
||||
title: "StrandQuartier Rerik | Ferienwohnungen Ostsee", description: "Luxuriöse Ferienwohnungen direkt an der Ostsee in Rerik. Moderner Komfort, Strandnähe und wunderschöne Natur für Ihren perfekten Urlaub.", keywords: "Ferienwohnung Rerik, StrandQuartier Rerik, Urlaub Ostsee Rerik, Ferienwohnung Ostsee Strandnähe, Rerik Unterkunft, Ostseeurlaub", metadataBase: new URL("https://strandquartier-rerik.de"),
|
||||
alternates: {
|
||||
canonical: "https://strandquartier-rerik.de",
|
||||
},
|
||||
canonical: "https://strandquartier-rerik.de"},
|
||||
openGraph: {
|
||||
title: "StrandQuartier Rerik – Ferienwohnungen Ostsee",
|
||||
description: "Entdecken Sie unsere luxuriösen Ferienwohnungen in Rerik mit direktem Strandzugang und Panoramablick auf die Ostsee.",
|
||||
url: "https://strandquartier-rerik.de",
|
||||
siteName: "StrandQuartier Rerik",
|
||||
type: "website",
|
||||
images: [
|
||||
title: "StrandQuartier Rerik – Ferienwohnungen Ostsee", description: "Entdecken Sie unsere luxuriösen Ferienwohnungen in Rerik mit direktem Strandzugang und Panoramablick auf die Ostsee.", url: "https://strandquartier-rerik.de", siteName: "StrandQuartier Rerik", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/breathtaking-scenery-wooden-sticks-middle-ocean-colorful-sky_181624-37504.jpg",
|
||||
alt: "StrandQuartier Rerik – Ostsee Strand",
|
||||
},
|
||||
url: "http://img.b2bpic.net/free-photo/breathtaking-scenery-wooden-sticks-middle-ocean-colorful-sky_181624-37504.jpg", alt: "StrandQuartier Rerik – Ostsee Strand"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "StrandQuartier Rerik | Ostsee Ferienwohnungen",
|
||||
description: "Luxuriöse Unterkunft mit Strandnähe und Meerblick in Rerik",
|
||||
images: [
|
||||
"http://img.b2bpic.net/free-photo/pretty-woman-dress-vacation-lake-mountains-background_343596-839.jpg",
|
||||
],
|
||||
card: "summary_large_image", title: "StrandQuartier Rerik | Ostsee Ferienwohnungen", description: "Luxuriöse Unterkunft mit Strandnähe und Meerblick in Rerik", images: [
|
||||
"http://img.b2bpic.net/free-photo/pretty-woman-dress-vacation-lake-mountains-background_343596-839.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
@@ -1441,4 +1423,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
173
src/app/page.tsx
173
src/app/page.tsx
@@ -14,34 +14,31 @@ import { Phone } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Startseite", id: "home" },
|
||||
{ name: "Startseite", id: "/" },
|
||||
{ name: "Ferienwohnungen", id: "accommodations" },
|
||||
{ name: "Lage", id: "location" },
|
||||
{ name: "Aktivitäten", id: "activities" },
|
||||
{ name: "Galerie", id: "gallery" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
{ name: "Galerie", id: "/galerie" },
|
||||
{ name: "Kontakt", id: "/kontakt-buchung" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "StrandQuartier",
|
||||
items: [
|
||||
title: "StrandQuartier", items: [
|
||||
{ label: "Über uns", href: "about" },
|
||||
{ label: "Ferienwohnungen", href: "accommodations" },
|
||||
{ label: "Galerie", href: "gallery" },
|
||||
{ label: "Galerie", href: "/galerie" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informationen",
|
||||
items: [
|
||||
title: "Informationen", items: [
|
||||
{ label: "Lage", href: "location" },
|
||||
{ label: "Aktivitäten", href: "activities" },
|
||||
{ label: "Kontakt", href: "contact" },
|
||||
{ label: "Kontakt", href: "/kontakt-buchung" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{ label: "Parkweg 2b, 18230 Rerik", href: "#" },
|
||||
{ label: "info@strandquartier-rerik.de", href: "mailto:info@strandquartier-rerik.de" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
@@ -71,22 +68,16 @@ export default function HomePage() {
|
||||
logoText="StrandQuartier Rerik"
|
||||
description="Ihr perfektes Urlaubsdomizil an der wunderschönen Ostseeküste – Luxus, Komfort und unvergleichliche Natur in Strandnähe."
|
||||
buttons={[
|
||||
{ text: "Jetzt Aufenthalt anfragen", href: "contact" },
|
||||
{ text: "Jetzt Aufenthalt anfragen", href: "/kontakt-buchung" },
|
||||
{ text: "Mehr erfahren", href: "accommodations" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-scenery-wooden-sticks-middle-ocean-colorful-sky_181624-37504.jpg",
|
||||
imageAlt: "Ostsee Strand mit Sonnenuntergang",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-scenery-wooden-sticks-middle-ocean-colorful-sky_181624-37504.jpg", imageAlt: "Ostsee Strand mit Sonnenuntergang"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dress-vacation-lake-mountains-background_343596-839.jpg?_wi=1",
|
||||
imageAlt: "Luxuriöse Strandvilla mit Meerblick",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dress-vacation-lake-mountains-background_343596-839.jpg?_wi=1", imageAlt: "Luxuriöse Strandvilla mit Meerblick"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343409.jpg?_wi=1",
|
||||
imageAlt: "Strandaktivitäten und Erholung",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343409.jpg?_wi=1", imageAlt: "Strandaktivitäten und Erholung"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -109,23 +100,11 @@ export default function HomePage() {
|
||||
tag="Premium Unterkünfte"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Komfort Apartment",
|
||||
price: "ab €80/Nacht",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Komfort Apartment", price: "ab €80/Nacht", imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luxus Penthouse",
|
||||
price: "ab €150/Nacht",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-bed-with-breakfast_23-2148161286.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Luxus Penthouse", price: "ab €150/Nacht", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-bed-with-breakfast_23-2148161286.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Familie Villa",
|
||||
price: "ab €120/Nacht",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dress-vacation-lake-mountains-background_343596-839.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Familie Villa", price: "ab €120/Nacht", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dress-vacation-lake-mountains-background_343596-839.jpg?_wi=2"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -141,33 +120,13 @@ export default function HomePage() {
|
||||
tag="Komfort"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Balkon mit Meerblick",
|
||||
description: "Genießen Sie den Ausblick auf die Ostsee von Ihrem privaten Balkon oder der Terrasse aus.",
|
||||
tag: "Aussicht",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-bamboo-bridge_1150-14400.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Balkon mit Meerblick", description: "Genießen Sie den Ausblick auf die Ostsee von Ihrem privaten Balkon oder der Terrasse aus.", tag: "Aussicht", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-bamboo-bridge_1150-14400.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Voll ausgestattete Küche",
|
||||
description: "Moderne Küche mit allen notwendigen Geräten zum Selbstversorgen oder Grillen am Strand.",
|
||||
tag: "Küche",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-bar-equipment-counter_23-2148209430.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Voll ausgestattete Küche", description: "Moderne Küche mit allen notwendigen Geräten zum Selbstversorgen oder Grillen am Strand.", tag: "Küche", imageSrc: "http://img.b2bpic.net/free-photo/row-bar-equipment-counter_23-2148209430.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Kostenloses WLAN",
|
||||
description: "Bleiben Sie verbunden mit schnellem, kostenlosem Internetzugang in allen Wohnungen.",
|
||||
tag: "Technik",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-looking-map-sightseeing-taking-photos-camera_285396-3089.jpg?_wi=1",
|
||||
},
|
||||
id: "3", title: "Kostenloses WLAN", description: "Bleiben Sie verbunden mit schnellem, kostenlosem Internetzugang in allen Wohnungen.", tag: "Technik", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-looking-map-sightseeing-taking-photos-camera_285396-3089.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Kostenloser Parkplatz",
|
||||
description: "Sicherer und bequemer Parkplatz direkt bei Ihrer Unterkunft inklusive.",
|
||||
tag: "Parken",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg?_wi=2",
|
||||
},
|
||||
id: "4", title: "Kostenloser Parkplatz", description: "Sicherer und bequemer Parkplatz direkt bei Ihrer Unterkunft inklusive.", tag: "Parken", imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg?_wi=2"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -182,33 +141,13 @@ export default function HomePage() {
|
||||
tag="Rerik"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Strandnähe und Salzhaff",
|
||||
description: "Direkt an der wunderschönen Ostseeküste mit Blick auf das geschützte Salzhaff-Naturschutzgebiet gelegen.",
|
||||
tag: "Natur",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/let-s-sail-away_23-2147514894.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Strandnähe und Salzhaff", description: "Direkt an der wunderschönen Ostseeküste mit Blick auf das geschützte Salzhaff-Naturschutzgebiet gelegen.", tag: "Natur", imageSrc: "http://img.b2bpic.net/free-vector/let-s-sail-away_23-2147514894.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Restaurants und Cafés",
|
||||
description: "Gemütliche Restaurants und Cafés in der Nähe mit lokalen Spezialitäten und Meeresfrüchten.",
|
||||
tag: "Kulinarik",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beach-liverpool-sunset-rows-breakwaters-united-kingdom_1268-16939.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Restaurants und Cafés", description: "Gemütliche Restaurants und Cafés in der Nähe mit lokalen Spezialitäten und Meeresfrüchten.", tag: "Kulinarik", imageSrc: "http://img.b2bpic.net/free-photo/view-beach-liverpool-sunset-rows-breakwaters-united-kingdom_1268-16939.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Ausflugsziele",
|
||||
description: "Besuchen Sie Kühlungsborn und das historische Wismar – beide Orte sind leicht erreichbar.",
|
||||
tag: "Ausflüge",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343409.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Ausflugsziele", description: "Besuchen Sie Kühlungsborn und das historische Wismar – beide Orte sind leicht erreichbar.", tag: "Ausflüge", imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343409.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Radwege und Wanderungen",
|
||||
description: "Perfekt zum Fahrradfahren und Wandern entlang der Ostseeküste und durch die Natur.",
|
||||
tag: "Sport",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-bed-with-breakfast_23-2148161286.jpg?_wi=2",
|
||||
},
|
||||
id: "4", title: "Radwege und Wanderungen", description: "Perfekt zum Fahrradfahren und Wandern entlang der Ostseeküste und durch die Natur.", tag: "Sport", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-bed-with-breakfast_23-2148161286.jpg?_wi=2"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -241,35 +180,11 @@ export default function HomePage() {
|
||||
tag="Galerie"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Unterkunft",
|
||||
title: "Modernes Ferienhaus Design",
|
||||
excerpt: "Luxuriös ausgestattete Ferienwohnungen mit modernster Ausstattung und Panoramablick.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-bamboo-bridge_1150-14400.jpg?_wi=2",
|
||||
authorName: "StrandQuartier Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/row-bar-equipment-counter_23-2148209430.jpg",
|
||||
date: "2025",
|
||||
},
|
||||
id: "1", category: "Unterkunft", title: "Modernes Ferienhaus Design", excerpt: "Luxuriös ausgestattete Ferienwohnungen mit modernster Ausstattung und Panoramablick.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-bamboo-bridge_1150-14400.jpg?_wi=2", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/row-bar-equipment-counter_23-2148209430.jpg", date: "2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Natur",
|
||||
title: "Die Schönheit der Ostsee",
|
||||
excerpt: "Sonnenuntergänge, Strand und Naturschutzgebiete – die perfekte Kulisse für Ihre Erholung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/let-s-sail-away_23-2147514894.jpg?_wi=2",
|
||||
authorName: "StrandQuartier Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-looking-map-sightseeing-taking-photos-camera_285396-3089.jpg",
|
||||
date: "2025",
|
||||
},
|
||||
id: "2", category: "Natur", title: "Die Schönheit der Ostsee", excerpt: "Sonnenuntergänge, Strand und Naturschutzgebiete – die perfekte Kulisse für Ihre Erholung.", imageSrc: "http://img.b2bpic.net/free-vector/let-s-sail-away_23-2147514894.jpg?_wi=2", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-looking-map-sightseeing-taking-photos-camera_285396-3089.jpg", date: "2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Aktivitäten",
|
||||
title: "Abenteuer an Land und Wasser",
|
||||
excerpt: "Fahrradfahren, Wassersport und Strandwanderungen – alles ist möglich in Rerik.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343409.jpg?_wi=3",
|
||||
authorName: "StrandQuartier Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg",
|
||||
date: "2025",
|
||||
},
|
||||
id: "3", category: "Aktivitäten", title: "Abenteuer an Land und Wasser", excerpt: "Fahrradfahren, Wassersport und Strandwanderungen – alles ist möglich in Rerik.", imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343409.jpg?_wi=3", authorName: "StrandQuartier Team", authorAvatar: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg", date: "2025"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -282,41 +197,21 @@ export default function HomePage() {
|
||||
ctaTitle="Buchungsanfrage"
|
||||
ctaDescription="Kontaktieren Sie uns für Ihre Reservierung oder Fragen zu unseren Ferienwohnungen."
|
||||
ctaButton={{
|
||||
text: "Anfrage senden",
|
||||
href: "mailto:info@strandquartier-rerik.de",
|
||||
}}
|
||||
text: "Anfrage senden", href: "/kontakt-buchung"}}
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie kann ich eine Ferienwohnung buchen?",
|
||||
content: "Sie können uns per E-Mail, Telefon oder über unser Buchungsformular kontaktieren. Wir helfen Ihnen gerne bei der Auswahl der perfekten Unterkunft und der Planung Ihres Aufenthalts.",
|
||||
},
|
||||
id: "1", title: "Wie kann ich eine Ferienwohnung buchen?", content: "Sie können uns per E-Mail, Telefon oder über unser Buchungsformular kontaktieren. Wir helfen Ihnen gerne bei der Auswahl der perfekten Unterkunft und der Planung Ihres Aufenthalts."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Welche Ausstattungen sind in den Wohnungen vorhanden?",
|
||||
content: "Alle unsere Ferienwohnungen verfügen über eine vollausgestattete Küche, WLAN, Balkon/Terrasse mit Meerblick, Parkplatz und moderne Einrichtung. Genaue Details finden Sie in der Beschreibung jeder Wohnung.",
|
||||
},
|
||||
id: "2", title: "Welche Ausstattungen sind in den Wohnungen vorhanden?", content: "Alle unsere Ferienwohnungen verfügen über eine vollausgestattete Küche, WLAN, Balkon/Terrasse mit Meerblick, Parkplatz und moderne Einrichtung. Genaue Details finden Sie in der Beschreibung jeder Wohnung."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Gibt es Stornierungsbedingungen?",
|
||||
content: "Ja, wir haben flexible Stornierungsbedingungen. Bei Buchungen können Sie bis 14 Tage vor Anreise kostenlos stornieren. Weitere Details teilen wir Ihnen gerne bei Ihrer Anfrage mit.",
|
||||
},
|
||||
id: "3", title: "Gibt es Stornierungsbedingungen?", content: "Ja, wir haben flexible Stornierungsbedingungen. Bei Buchungen können Sie bis 14 Tage vor Anreise kostenlos stornieren. Weitere Details teilen wir Ihnen gerne bei Ihrer Anfrage mit."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Ist der Strand fußläufig erreichbar?",
|
||||
content: "Ja, alle unsere Ferienwohnungen liegen in unmittelbarer Strandnähe. Der Strand ist bequem zu Fuß erreichbar – perfekt für Spaziergänge und Erholung.",
|
||||
},
|
||||
id: "4", title: "Ist der Strand fußläufig erreichbar?", content: "Ja, alle unsere Ferienwohnungen liegen in unmittelbarer Strandnähe. Der Strand ist bequem zu Fuß erreichbar – perfekt für Spaziergänge und Erholung."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Was kann man in Rerik und Umgebung unternehmen?",
|
||||
content: "In Rerik und der Umgebung können Sie Strandwanderungen, Fahrradfahren, Wassersport, Naturbeobachtungen und Ausflüge nach Kühlungsborn und Wismar unternehmen. Das Salzhaff-Naturschutzgebiet ist ebenfalls ein Highlight.",
|
||||
},
|
||||
id: "5", title: "Was kann man in Rerik und Umgebung unternehmen?", content: "In Rerik und der Umgebung können Sie Strandwanderungen, Fahrradfahren, Wassersport, Naturbeobachtungen und Ausflüge nach Kühlungsborn und Wismar unternehmen. Das Salzhaff-Naturschutzgebiet ist ebenfalls ein Highlight."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Gibt es Haustiere in den Wohnungen erlaubt?",
|
||||
content: "Bitte fragen Sie uns nach unserer Haustierrichtlinie. Wir werden unser Bestes tun, um Ihre Wünsche zu erfüllen und eine angenehme Lösung zu finden.",
|
||||
},
|
||||
id: "6", title: "Gibt es Haustiere in den Wohnungen erlaubt?", content: "Bitte fragen Sie uns nach unserer Haustierrichtlinie. Wir werden unser Bestes tun, um Ihre Wünsche zu erfüllen und eine angenehme Lösung zu finden."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -331,4 +226,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--background: #f5f8fa;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--foreground: #1a3a4a;
|
||||
--primary-cta: #1a7a9e;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #f0e6d2;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #6139e6;
|
||||
--background-accent: #b3a8e8;
|
||||
--accent: #0099cc;
|
||||
--background-accent: #e8d4c0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user