Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0417d47b16 | |||
| b25b611cb1 | |||
| 95bc528183 | |||
| cb47a882ee | |||
| 976b9e0f08 | |||
| a6f1cfcf63 | |||
| d5087254fc | |||
| a151397bd9 | |||
| cfc8248adb | |||
| fdf70e42e2 | |||
| 888aabb63c | |||
| a9602e5f91 | |||
| d1838fc60d | |||
| 88ef6c098a | |||
| 595006e0a1 | |||
| 30eb4071cc | |||
| 00e76ea332 |
@@ -1,57 +1,20 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Halant } from "next/font/google";
|
|
||||||
import { Inter } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import { Mulish } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const halant = Halant({
|
const inter = Inter({ subsets: ["latin"] });
|
||||||
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"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
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"),
|
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."};
|
||||||
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,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={inter.className}>{children}
|
||||||
<body
|
|
||||||
className={`${halant.variable} ${inter.variable} ${mulish.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1419,7 +1382,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
116
src/app/page.tsx
116
src/app/page.tsx
@@ -4,11 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
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 TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,7 +30,7 @@ export default function LandingPage() {
|
|||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Features", id: "features" },
|
{ name: "Features", id: "features" },
|
||||||
{ name: "How It Works", id: "how-it-works" },
|
{ name: "How It Works", id: "how-it-works" },
|
||||||
{ name: "Why Eclipse", id: "why-eclipse" },
|
{ name: "Why Eclipse", id: "comparison" },
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{ name: "Join Waitlist", id: "waitlist" }
|
{ name: "Join Waitlist", id: "waitlist" }
|
||||||
]}
|
]}
|
||||||
@@ -52,8 +52,7 @@ export default function LandingPage() {
|
|||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Join Waitlist", href: "#waitlist" },
|
{ text: "Claim Your Spot Now", href: "#waitlist" }
|
||||||
{ text: "See It In Action", href: "#how-it-works" }
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
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"
|
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">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentyThree
|
<FeatureCardTwentyThree
|
||||||
title="What Makes Eclipse Different"
|
title="What Makes Eclipse Different"
|
||||||
description="Experience the next generation of AI assistance with features designed to anticipate your needs and operate seamlessly across your entire life."
|
description="Outcome-focused automation that transforms how you work. Save time. Reduce stress. Live smarter."
|
||||||
tag="Key Features"
|
tag="Key Features"
|
||||||
tagIcon={Zap}
|
tagIcon={Zap}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
@@ -119,22 +118,100 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="social-proof" data-section="social-proof">
|
<div id="comparison" data-section="comparison">
|
||||||
<SocialProofOne
|
<FeatureBento
|
||||||
title="Trusted by Industry Leaders"
|
title="Eclipse vs ChatGPT: Why Eclipse Wins"
|
||||||
description="Leading companies and innovators are already joining the Eclipse waitlist."
|
description="Eclipse isn't just another AI assistant. It's your personal operating system. Limited beta spots available—secure yours now."
|
||||||
tag="Partners & Early Adopters"
|
tag="Limited Beta Access"
|
||||||
tagIcon={Shield}
|
tagIcon={AlertCircle}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={["TechFlow", "Innovate Inc", "CloudSync", "DataStream", "AiForward", "FutureScale", "OperateHub"]}
|
animationType="slide-up"
|
||||||
logos={[
|
features={[
|
||||||
"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"
|
{
|
||||||
|
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"
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -190,7 +267,8 @@ export default function LandingPage() {
|
|||||||
imageAlt="Glowing ethereal design"
|
imageAlt="Glowing ethereal design"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
mediaPosition="right"
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -232,4 +310,4 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user