Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_5 into main
2026-03-05 13:13:00 +00:00 · 2026-03-05 13:12:59 +00:00 · 2026-03-05 13:10:37 +00:00 · 2026-03-05 13:10:33 +00:00 · 2026-03-05 13:09:14 +00:00 · 2026-03-05 13:09:10 +00:00
2 changed files with 102 additions and 62 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,57 +1,20 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Mulish } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const mulish = Mulish({
-  variable: "--font-mulish",  subsets: ["latin"],
-});
+const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "Eclipse - Your AI Life Operator | Early Access Waitlist",  description: "Transform your life with Eclipse, the AI life operator. Automate scheduling, anticipate needs, and unify your digital world. Join 4,218+ on the waitlist for early access.",  keywords: "AI life operator, automation, personal assistant, productivity, early access, AI technology",  metadataBase: new URL("https://eclipse.ai"),
-  alternates: {
-    canonical: "https://eclipse.ai"},
-  openGraph: {
-    title: "Eclipse - Your AI Life Operator",    description: "Experience the next generation of AI assistance. Join the waitlist for early access.",    url: "https://eclipse.ai",    siteName: "Eclipse",    images: [
-      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/abstract-3d-floating-glass-blobs-with-so-1772713594967-bb7a8319.png",        alt: "Eclipse AI Life Operator"},
-    ],
-    type: "website"},
-  twitter: {
-    card: "summary_large_image",    title: "Eclipse - Your AI Life Operator",    description: "Transform your life with AI. Join the waitlist for early access.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/abstract-3d-floating-glass-blobs-with-so-1772713594967-bb7a8319.png"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Eclipse - Your Personal AI Life Operator",  description: "Eclipse is your personal AI life operator—scheduling, anticipating needs, and unified in one interface. Early access is open."};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${mulish.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1419,7 +1382,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,11 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Sparkles, Zap, ArrowRight, Shield, Quote } from 'lucide-react';
+import { Sparkles, Zap, ArrowRight, Quote, Users, Rocket, TrendingUp, Clock, AlertCircle, CheckCircle } from 'lucide-react';

 export default function LandingPage() {
  return (
@@ -30,7 +30,7 @@ export default function LandingPage() {
          navItems={[
            { name: "Features", id: "features" },
            { name: "How It Works", id: "how-it-works" },
-            { name: "Why Eclipse", id: "why-eclipse" },
+            { name: "Why Eclipse", id: "comparison" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Join Waitlist", id: "waitlist" }
          ]}
@@ -52,8 +52,7 @@ export default function LandingPage() {
          ]}
          enableKpiAnimation={true}
          buttons={[
-            { text: "Join Waitlist", href: "#waitlist" },
-            { text: "See It In Action", href: "#how-it-works" }
+            { text: "Join Waitlist", href: "#waitlist" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/abstract-3d-floating-glass-blobs-with-so-1772713594967-bb7a8319.png?_wi=1"
@@ -66,7 +65,7 @@ export default function LandingPage() {
      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="What Makes Eclipse Different"
-          description="Save time. Reduce stress. Live smarter."
+          description="Outcome-focused automation that transforms how you work. Save time. Reduce stress. Live smarter."
          tag="Key Features"
          tagIcon={Zap}
          tagAnimation="slide-up"
@@ -119,22 +118,100 @@ export default function LandingPage() {
        />
      </div>

-      <div id="social-proof" data-section="social-proof">
-        <SocialProofOne
-          title="Trusted by Industry Leaders"
-          description="Leading companies and innovators are already joining the Eclipse waitlist."
-          tag="Partners & Early Adopters"
-          tagIcon={Shield}
+      <div id="comparison" data-section="comparison">
+        <FeatureBento
+          title="Eclipse vs ChatGPT: Why Eclipse Wins"
+          description="Eclipse isn't just another AI assistant. It's your personal operating system. Limited beta spots available—secure yours now."
+          tag="Limited Beta Access"
+          tagIcon={AlertCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
-          names={["TechFlow", "Innovate Inc", "CloudSync", "DataStream", "AiForward", "FutureScale", "OperateHub"]}
-          logos={[
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/tech-company-logo-in-muted-white-or-soft-1772713595690-bdb3b2b3.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/tech-company-logo-in-muted-white-or-soft-1772713595603-362eec6c.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/tech-company-logo-in-muted-white-or-soft-1772713595213-e882a49f.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/tech-company-logo-in-muted-white-or-soft-1772713595556-1275840f.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/tech-company-logo-in-muted-white-or-soft-1772713595989-d828c072.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/tech-company-logo-in-muted-white-or-soft-1772713596080-adad91dd.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWetpMUy7tjlT0PjsBxrRnEKur/tech-company-logo-in-muted-white-or-soft-1772713595906-14a54d5a.png"
+          animationType="slide-up"
+          features={[
+            {
+              title: "Proactive Not Reactive",              description: "Eclipse anticipates your needs. ChatGPT waits for you to ask.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: Rocket, label: "Always Ahead", value: "Predictive" },
+                { icon: Clock, label: "Time Saved", value: "15+ hrs/week" },
+                { icon: TrendingUp, label: "Efficiency Gain", value: "+340%" }
+              ]
+            },
+            {
+              title: "Unified Ecosystem",              description: "One interface. All your tools. ChatGPT is just a chatbot.",              bentoComponent: "3d-stack-cards",              items: [
+                {
+                  icon: Users,
+                  title: "Calendar",                  subtitle: "Smart Scheduling",                  detail: "Manages your time intelligently"
+                },
+                {
+                  icon: CheckCircle,
+                  title: "Tasks",                  subtitle: "Automated Prioritization",                  detail: "Never miss what matters"
+                },
+                {
+                  icon: Zap,
+                  title: "Integration",                  subtitle: "All Your Apps",                  detail: "Seamless workflow automation"
+                }
+              ]
+            },
+            {
+              title: "Contextual Intelligence",              description: "Eclipse understands your world. ChatGPT knows only what you tell it.",              bentoComponent: "line-chart"
+            }
+          ]}
+          buttons={[
+            { text: "Secure Beta Access", href: "#waitlist" },
+            { text: "See How It Works", href: "#how-it-works" }
          ]}
-          speed={40}
-          showCard={true}
          buttonAnimation="slide-up"
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="fomo-signup" data-section="fomo-signup">
+        <FeatureBento
+          title="Limited Beta Spots Remaining"
+          description="Only 500 spots available for the first cohort. Join the 4,218+ innovators already on the waitlist. Early access starts next month."
+          tag="Only 47 Spots Left"
+          tagIcon={AlertCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            {
+              title: "Why You Should Join Now",              description: "Become an early adopter of the AI revolution",              bentoComponent: "3d-task-list",              items: [
+                { icon: Sparkles, label: "Lifetime Discount", time: "50% off" },
+                { icon: Users, label: "Exclusive Community", time: "VIP Access" },
+                { icon: TrendingUp, label: "Shape the Product", time: "Your Input" }
+              ]
+            },
+            {
+              title: "What Beta Members Get",              description: "Exclusive perks for early supporters",              bentoComponent: "icon-info-cards",              items: [
+                { icon: CheckCircle, label: "Priority Support", value: "24/7" },
+                { icon: Rocket, label: "Feature Access", value: "First" },
+                { icon: TrendingUp, label: "Founding Member", value: "Badge" }
+              ]
+            },
+            {
+              title: "Join Elite Founders",              description: "Be part of something revolutionary",              bentoComponent: "chat",              aiIcon: Sparkles,
+              userIcon: Users,
+              placeholder: "What's holding you back?",              exchanges: [
+                {
+                  userMessage: "Can Eclipse really save me 15 hours per week?",                  aiResponse: "Our beta members report 15-20 hours saved weekly on scheduling and coordination alone."
+                },
+                {
+                  userMessage: "Is there a long-term commitment?",                  aiResponse: "No long-term contract. Try it during beta and decide if it's right for you."
+                },
+                {
+                  userMessage: "What if I'm not ready yet?",                  aiResponse: "Join the waitlist now—beta access starts in 30 days for the next cohort."
+                }
+              ]
+            }
+          ]}
+          buttons={[
+            { text: "Claim Your Spot Now", href: "#waitlist" },
+            { text: "Learn More About Beta", href: "#" }
+          ]}
+          buttonAnimation="slide-up"
+          carouselMode="buttons"
        />
      </div>

@@ -190,7 +267,8 @@ export default function LandingPage() {
          imageAlt="Glowing ethereal design"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
-          buttonText="Join the Waitlist"
+          buttonText="Secure Your Beta Spot"
+          buttonClassName="flex justify-center w-full mx-auto [perspective:1000px] hover:[transform:rotateX(5deg)_rotateY(-5deg)_scale(1.02)] transition-transform duration-300 shadow-lg hover:shadow-2xl"
        />
      </div>
Author	SHA1	Message	Date
bender	cb47a882ee	Update src/app/page.tsx	2026-03-05 13:13:00 +00:00
bender	976b9e0f08	Update src/app/layout.tsx	2026-03-05 13:12:59 +00:00
bender	a6f1cfcf63	Merge version_5 into main Merge version_5 into main	2026-03-05 13:10:37 +00:00
bender	d5087254fc	Update src/app/page.tsx	2026-03-05 13:10:33 +00:00
bender	a151397bd9	Merge version_5 into main Merge version_5 into main	2026-03-05 13:09:14 +00:00
bender	cfc8248adb	Update src/app/page.tsx	2026-03-05 13:09:10 +00:00
bender	fdf70e42e2	Update src/app/layout.tsx	2026-03-05 13:09:10 +00:00
bender	888aabb63c	Merge version_4 into main Merge version_4 into main	2026-03-05 13:02:12 +00:00
bender	a9602e5f91	Update src/app/page.tsx	2026-03-05 13:02:08 +00:00
bender	d1838fc60d	Merge version_3 into main Merge version_3 into main	2026-03-05 12:43:04 +00:00
bender	595006e0a1	Merge version_3 into main Merge version_3 into main	2026-03-05 12:41:39 +00:00