Add src/app/blog/page.tsx

2026-03-23 21:59:59 +00:00
parent 3efc0342d3
commit ca616cf3fb
1 changed files with 70 additions and 0 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
+import { Globe, Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function BlogPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "About", id: "about" },
+                        { name: "Services", id: "services" },
+                        { name: "Destinations", id: "destinations" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "Contact", id: "contact" },
+                        { name: "Blog", href: "/blog" }
+                    ]}
+                    brandName="Luxuria"
+                    button={{ text: "Plan Your Trip", href: "#contact" }}
+                />
+                <BlogCardTwo
+                    tag="Insights"
+                    tagIcon={Globe}
+                    title="Maritime News & Trends"
+                    description="Stay updated with the latest in freight, regulations, and sustainable shipping."
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                    carouselMode="buttons"
+                    blogs={[
+                        {
+                            id: "1",                            category: "Freight",                            title: "Current Global Freight Trends and Market Outlook",                            excerpt: "An in-depth analysis of the factors shaping global freight markets, including supply chain disruptions, geopolitical influences, and evolving consumer demands.",                            imageSrc: "https://assets.website-files.com/657416973167123924f35835/65b1607519e48f8f2b186b4d_article_placeholder_01.webp",                            imageAlt: "Global shipping containers at port",                            authorName: "Luxuria Team",                            authorAvatar: "/templates/luxury-travel-agency/contact/contact1.webp",                            date: "January 15, 2024",                            onBlogClick: () => console.log('Read more about freight trends')
+                        },
+                        {
+                            id: "2",                            category: "Regulations",                            title: "IMO 2023: Key Changes and Their Impact on Shipping",                            excerpt: "Explore the significant regulatory updates from IMO 2023, focusing on environmental compliance, safety standards, and operational implications for maritime operators worldwide.",                            imageSrc: "https://assets.website-files.com/657416973167123924f35835/65b16076b1f28b76ce8f0148_article_placeholder_02.webp",                            imageAlt: "IMO 2023 regulation documents",                            authorName: "Luxuria Team",                            authorAvatar: "/templates/luxury-travel-agency/contact/contact1.webp",                            date: "February 1, 2024",                            onBlogClick: () => console.log('Read more about IMO 2023 regulations')
+                        },
+                        {
+                            id: "3",                            category: "Sustainability",                            title: "The Rise of Green Fuels in the Maritime Industry",                            excerpt: "A comprehensive look at the emerging market for sustainable marine fuels, including advancements in LNG, methanol, and ammonia, and their role in decarbonizing shipping.",                            imageSrc: "https://assets.website-files.com/657416973167123924f35835/65b160762c2f6d231e3b2e54_article_placeholder_03.webp",                            imageAlt: "Green fuel ship concept",                            authorName: "Luxuria Team",                            authorAvatar: "/templates/luxury-travel-agency/contact/contact1.webp",                            date: "February 15, 2024",                            onBlogClick: () => console.log('Read more about green fuel market')
+                        }
+                    ]}
+                />
+                <FooterCard
+                    logoText="Luxuria"
+                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}