Add src/app/stories/page.tsx

2026-06-03 11:19:04 +00:00
parent 955194ac66
commit f273fb9cf4
1 changed files with 71 additions and 0 deletions
--- a/src/app/stories/page.tsx
+++ b/src/app/stories/page.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function StoriesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="La Union Escapes"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "#about" },
+            { name: "Experiences", id: "#experiences" },
+            { name: "Tours", id: "/tours" },
+            { name: "Stories", id: "/stories" },
+            { name: "Contact", id: "#contact" }
+          ]}
+          logoSrc="http://img.b2bpic.net/free-photo/summer-smoothie-coconut_23-2147810601.jpg"
+          logoAlt="la union philippines travel logo"
+          bottomLeftText="Explore the Philippines"
+          bottomRightText="experience@launion.ph"
+          button={{
+            text: "Book Now",            href: "#contact"
+          }}
+        />
+      </div>
+
+      <div id="stories" data-section="stories">
+        <BlogCardTwo
+          animationType="slide-up"
+          title="Elyu Travel Guides & Stories"
+          description="Stay updated with the latest travel tips, hidden gems, and local stories from La Union."
+          textboxLayout="default"
+          useInvertedBackground={true}
+          blogs={[
+            { id: "1", category: "Adventure", title: "Top 5 Surf Spots in San Juan", excerpt: "Discover the best waves and breaks for all skill levels in La Union's surfing capital.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-with-surfboard-ocean_1321-4188.jpg", imageAlt: "Surfer catching a wave in San Juan", authorName: "Ana Reyes", authorAvatar: "http://img.b2bpic.net/free-photo/kindergarten-teacher-explaining-earth-globe_23-2148633352.jpg", date: "July 15, 2024" },
+            { id: "2", category: "Food", title: "A Guide to La Union's Must-Try Dishes", excerpt: "Embark on a culinary journey through La Union's vibrant food scene, from street food to fine dining.", imageSrc: "http://img.b2bpic.net/free-photo/shredded-chicken-french-fries-with-side-salad-toast_1150-23162.jpg", imageAlt: "Variety of Filipino street food dishes", authorName: "Carlo Mendoza", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", date: "August 1, 2024" },
+            { id: "3", category: "Travel Tips", title: "Beyond the Beach: Hidden Gems of La Union", excerpt: "Explore the lesser-known attractions and unique experiences that make La Union truly special.", imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", imageAlt: "Cozy coffee shop interior in La Union", authorName: "Sofia Garcia", authorAvatar: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-up-thinking-positive-smiling-broadly_141793-55034.jpg", date: "August 10, 2024" }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          logoText="La Union Escapes"
+          columns={[
+            { title: "Explore", items: [{ label: "Destinations", href: "#experiences" }, { label: "Activities", href: "/tours" }, { label: "Blogs", href: "/stories" }] },
+            { title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Contact", href: "#contact" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+          ]}
+          copyrightText="© 2024 La Union Escapes. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}