coming soon

.firebase/hosting.b3V0.cache

@@ -0,0 +1,37 @@
+index.txt,1748917589875,f47bd00d8d8cdf0ae7fcbe8febbec87a7bb1e91c510f6d55194decca0a43bd4c
+404.html,1748917589874,8c3f895492768e39d488271acc8fcc7b92776c1df5675822023f2282e1ece0cd
+placeholder-logo.png,1748917589504,0d496d991bf6d178d510aa794876d0c1aa70815b184e2b9163d7eeb7f48be96c
+index.html,1748917589875,62c8858e5d923bbd2c5fc830e247eaf343a7cc61a8d1028dccdce7e544172aed
+placeholder.jpg,1748917589505,0c494df4763428070e502c3b5297fc34cbf6cddbf86ee423af48a7a056962092
+placeholder.svg,1748917589505,e6d62457feaa2cf22a140b4ffae6cc1ec264e50991e369d61f901a3481f9229d
+_next/static/IhV0NYB-b2cSTD1hWuE-N/_ssgManifest.js,1748917589499,02dbc1aeab6ef0a6ff2ff9a1643158cf9bb38929945eaa343a3627dee9ba6778
+placeholder-logo.svg,1748917589504,20cb55cf0b4a41de834f9707dd8d9ad65028efeb91e5fb9fe550002c11eafb8a
+_next/static/IhV0NYB-b2cSTD1hWuE-N/_buildManifest.js,1748917589500,ba0cd55ea0c68ac280116f8250a6cdb2450e0f08ece33facf79db8b9dd7555ff
+placeholder-user.jpg,1748917589505,3f5a0e5c028c80feb82f51a8b465ff9145b82ecce6ce0cb57087154037b0feb1
+_next/static/chunks/main-app-1c65acba54d119ec.js,1748917589499,fd49faabc23327ae0ff1741b4f9cf9004484fd34463e61a23631fb15f8f11177
+_next/static/chunks/webpack-a3bd599394f8d545.js,1748917589499,5b17907db4117c82e0d260d3db3f9c6c72d3fdd2afdf37c8154a22863dfe7bd3
+_next/static/chunks/app/layout-487384f9ba9e74ad.js,1748917589500,661f62de882e0521c0534feb6f01db3bd67635742213cb9122f0f2817741c084
+_next/static/chunks/app/_not-found/page-13b4330c682d6a59.js,1748917589501,62a0b7044743c36e0d97ab0f2c95b62a24504385fc19939c91a2dfe814b6aec2
+_next/static/chunks/pages/_app-d302164f45f28031.js,1748917589500,3901793a3222f5db1dc75d0d4409b2bcbb43971374892387103b6a671d7c17cc
+_next/static/chunks/pages/_error-d31a1af395d41de2.js,1748917589500,c1431adfc3273650e8d48de4d8ea1de952df8c5c1de249ab1df9e3cd4669af1c
+_next/static/css/f3845765b2418707.css,1748917589497,6f504ca7c5cd79e419086caade83d12805464a33e5733eacb3cb3688bdcb1e80
+_next/static/chunks/app/page-4e5ea22736e4e543.js,1748917589500,29ed6df76d309c7b27414efa18b7519d64889a007752e530bf9554774defce2f
+_next/static/media/97e0cb1ae144a2a9-s.woff2,1748917589497,c0a05253ed4640e83bc0914cf5e55614621e512ad73872648183669c175bd15e
+_next/static/media/df0a9ae256c0569c-s.woff2,1748917589497,bbf2b69affb52c37fbd41b4c75ae7fc2f2421b70be2218dbe876cef0fcdc18a9
+logo.png,1748917589504,7b8eaaacf2f229fb0faea7d0172d0940ad7cb3e2d929171c54aa355091bfd612
+_next/static/chunks/0b0944fb-00711c4ed30812a4.js,1748917589497,e6b638333d1abd4442cba9ca9b17b5aeb52b8da5993211ad44b08fb790ea45d3
+_next/static/media/581909926a08bbc8-s.woff2,1748917589497,a670e3e678a065ca1dec171f26293e1ea9090e3881f4d4d72225219db23a0eb0
+_next/static/media/55c55f0601d81cf3-s.woff2,1748917589497,a7d7aa5ae49e5dcf968ea090516e3cae2701979abe3c6ec73ee652986051abfa
+_next/static/media/26a46d62cd723877-s.woff2,1748917589497,b22a6910246088d78508233470a3225b1eef08d2a0acb607f0b18a0bdf0943ab
+_next/static/media/e4af272ccee01ff0-s.p.woff2,1748917589497,8c557ee38aa70398be376065b1f0e76e66d8d3ca5473a66bfd0e0f9caf0f3875
+_next/static/chunks/main-f182d390f3911f1d.js,1748917589499,3cb1139566362dbe787aecdd7150be0d7e7f5541430cc62e2679bdce0d5df567
+_next/static/chunks/91c6c604-9a533b8437cb8069.js,1748917589498,a92431f3c726b350517897666e75d6511d4ccfaefbacee2edef0d57dfbf50fe4
+_next/static/chunks/polyfills-42372ed130431b0a.js,1748917589499,bea630d9824beca22855271c757404b58bb7b410c52a5e7d58d69ff26d9ddd0b
+_next/static/chunks/167-9e55b7aefbc129e6.js,1748917589498,24f003aa6b771bfad998ef2d88222cb7db2a52f1aa842a4fbdf4aa0cd81bad76
+_next/static/chunks/601-d27205104b283b9e.js,1748917589499,d5d099aeb43a1d2152309aa2cfc6568c7a912cc2eeda0452cbd5748b6dfb35b1
+_next/static/media/8e9860b6e62d6359-s.woff2,1748917589497,b73d80e61b71aed2c1974e457ce449eeae68f9f5e937cafdac5243d81c34a76b
+_next/static/chunks/3d3f95cd-173980805684c472.js,1748917589498,a2ae23e023ee8e00946e0b5cc35725f91541fd64b5e93071e8c27fc10dfa4452
+_next/static/chunks/framework-082f5b7764f4d1d0.js,1748917589499,42e64ec3aae962c2dc1af8f6397b1bf374c689c5fd2e6ab34444df22bcf62e7d
+_next/static/chunks/0133708f-b9a8d5b486fdeec8.js,1748917589499,e1f02e175e04ca49f7f4d5a91c10ec61fb35eb0fcab629b683188f4b0dcd903f
+_next/static/chunks/45233be0-599b759dcaffa72a.js,1748917589498,b0b92c52a6016d2d7edf8d0dce5644f00677da65d543c0a888e3e3d3ae28779c
+images/coral-reef-bg.jpg,1748917589509,4a7ba990820e2a53fde0f9bd0823b2f8c75c0733d4e920191a7d4162b409ef0c

.gitignore

@@ -3,4 +3,6 @@
 # Useful .gitignore templates: https://github.com/github/gitignore
 node_modules
 dist
-.cache
+.cache
+.next
+/out

app/globals.css

@@ -0,0 +1,77 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 221.2 83.2% 53.3%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 221.2 83.2% 53.3%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 217.2 91.2% 59.8%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 224.3 76.5% 48%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+/* Custom gradient animations */
+@keyframes gradientShift {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+.animate-gradient {
+  background-size: 200% 200%;
+  animation: gradientShift 5s ease infinite;
+}

app/layout.tsx

@@ -0,0 +1,32 @@
+import type React from "react"
+import "./globals.css"
+import type { Metadata } from "next"
+import { Inter } from "next/font/google"
+import { ThemeProvider } from "@/components/theme-provider"
+
+const inter = Inter({ subsets: ["latin"] })
+
+export const metadata: Metadata = {
+  title: "Coming Soon",
+  description: "Our new website is launching soon",
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="icon" href="/favicon.ico" />
+      </head>
+      <body className={inter.className}>
+        <ThemeProvider attribute="class" defaultTheme="dark" enableSystem disableTransitionOnChange>
+          {children}
+        </ThemeProvider>
+      </body>
+    </html>
+  )
+}

app/page.tsx

@@ -0,0 +1,69 @@
+import type { Metadata } from "next"
+import SocialLinks from "@/components/social-links"
+import AnimatedBackground from "@/components/animated-background"
+import AnimatedContent from "@/components/animated-content"
+import Image from "next/image"
+export const metadata: Metadata = {
+  title: "Coming Soon | Our Exciting New Website",
+  description: "Our new website is launching soon. Subscribe to be notified when we go live.",
+  openGraph: {
+    title: "Coming Soon | Our Exciting New Website",
+    description: "Our new website is launching soon. Subscribe to be notified when we go live.",
+    type: "website",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Coming Soon | Our Exciting New Website",
+    description: "Our new website is launching soon. Subscribe to be notified when we go live.",
+  },
+}
+
+export default function Home() {
+  // Launch date: 30 days from now
+  const launchDate = new Date()
+  launchDate.setDate(launchDate.getDate() + 30)
+
+  return (
+    <main className="relative min-h-screen overflow-hidden">
+      {/* Animated 3D Background */}
+      <AnimatedBackground />
+
+      {/* Content overlay */}
+      <div className="relative z-10 min-h-screen flex flex-col items-center justify-center">
+        <AnimatedContent>
+          <div className="w-full mx-auto px-4 py-16 md:py-24 text-center">
+            <div className="bg-black/40 backdrop-blur-md p-8 md:p-12 rounded-2xl border border-white/10 shadow-2xl">
+              <h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 bg-gradient-to-r from-cyan-400 via-blue-400 to-purple-400 bg-clip-text text-transparent">
+                Something Amazing Is Coming Soon
+              </h1>
+
+              <p className="text-xl text-white/90 mb-12 max-w-2xl mx-auto leading-relaxed">
+                We're crafting an extraordinary digital experience. Dive into something special with us.
+              </p>
+
+              <div className="flex justify-center">
+                <Image src="/logo.png" width={200} height={200} alt="MesoReef" />
+              </div>
+
+              <SocialLinks />
+            </div>
+          </div>
+        </AnimatedContent>
+      </div>
+
+      {/* Structured data for SEO */}
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify({
+            "@context": "https://schema.org",
+            "@type": "WebSite",
+            url: "https://example.com/",
+            name: "Coming Soon | Our Exciting New Website",
+            description: "Our new website is launching soon. Subscribe to be notified when we go live.",
+          }),
+        }}
+      />
+    </main>
+  )
+}

components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

components/animated-background.tsx

@@ -0,0 +1,17 @@
+"use client"
+
+import { Canvas } from "@react-three/fiber"
+import { Suspense } from "react"
+import CoralReefScene from "./coral-reef-scene"
+
+export default function AnimatedBackground() {
+  return (
+    <div className="fixed inset-0 z-0">
+      <Canvas camera={{ position: [0, 0, 5], fov: 75 }} gl={{ antialias: true, alpha: true }} dpr={[1, 2]}>
+        <Suspense fallback={null}>
+          <CoralReefScene />
+        </Suspense>
+      </Canvas>
+    </div>
+  )
+}