diff --git a/src/app/galerie/page.tsx b/src/app/galerie/page.tsx index b9b343f..d1543a3 100644 --- a/src/app/galerie/page.tsx +++ b/src/app/galerie/page.tsx @@ -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 ( - + - + @@ -116,4 +96,4 @@ export default function GalleryPage() { ); -} \ No newline at end of file +} diff --git a/src/app/kontakt-buchung/page.tsx b/src/app/kontakt-buchung/page.tsx new file mode 100644 index 0000000..0d77d43 --- /dev/null +++ b/src/app/kontakt-buchung/page.tsx @@ -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 ( + + + + + + + + {/* Contact Form Section */} + + + + {/* Additional Contact Information Section */} + + + + {/* Contact Info */} + + Adresse + + StrandQuartier Rerik + Parkweg 2b + 18230 Rerik + Deutschland + + + + {/* Email */} + + E-Mail + + info@strandquartier-rerik.de + + + + {/* Phone */} + + Telefon + +49 (0) 38296 - 2121 + + + + {/* Embedded Map */} + + Anfahrt + + + + + + + + + + + ); +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b3225da..31560fa 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -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({
+ StrandQuartier Rerik + Parkweg 2b + 18230 Rerik + Deutschland +
+49 (0) 38296 - 2121