diff --git a/app/(default)/page.tsx b/app/(default)/page.tsx index c8cd7d8fd..3a42dc7bd 100644 --- a/app/(default)/page.tsx +++ b/app/(default)/page.tsx @@ -1,4 +1,5 @@ -import Features from "@/components/features/Features"; +import Features from "@/components/Features"; +import VideoSection from "@/components/features/VideoSection"; import Hero from "@/components/hero"; import OpenSource from "@/components/opensource"; import Showcase from "@/components/showcase"; @@ -13,6 +14,7 @@ export default function Home() { return ( <> + {/* */} diff --git a/app/beta/page.tsx b/app/beta/page.tsx index 00f387aae..eb44ff77d 100644 --- a/app/beta/page.tsx +++ b/app/beta/page.tsx @@ -16,7 +16,7 @@ export default async function Beta() { } = await supabase.auth.getUser(); return ( <> - + ); } diff --git a/app/pricing/page.tsx b/app/pricing/page.tsx index 469291acc..125152c76 100644 --- a/app/pricing/page.tsx +++ b/app/pricing/page.tsx @@ -14,9 +14,5 @@ export default async function Pricing() { const { data: { user }, } = await supabase.auth.getUser(); - return ( - <> - - - ); + return ; } diff --git a/app/programs/beta-tester/page.tsx b/app/programs/beta-tester/page.tsx index 98f2d5a3a..ed9e53aff 100644 --- a/app/programs/beta-tester/page.tsx +++ b/app/programs/beta-tester/page.tsx @@ -1,78 +1,143 @@ -import { Metadata } from "next"; -import { BetaTesterSignupForm } from "@/components/ui/beta-tester-signup-form"; +"use client"; + +import { FAQItem } from "@/types/faqItems"; +import { + Accordion, + AccordionItem, + AccordionTrigger, + AccordionContent, +} from "@/components/ui/accordion"; +import Link from "next/link"; import Footer from "@/components/footer"; +import { useEffect, useState } from "react"; +import CTA from "@/components/cta"; +import { BetaTesterSignupForm } from "@/components/ui/beta-tester-signup-form"; -export const metadata: Metadata = { - title: "PearAI Beta Tester Program", - description: - "Join the PearAI Beta Tester Program for exclusive early access, rewards, and to shape the future of AI software creation.", - alternates: { canonical: "/programs/beta-tester" }, -}; +const faqData: FAQItem[] = [ + { + id: "first", + question: "What's In It For You?", + answer: ( +
    +
  • Free base PearAI subscription for the entire month
    • +
  • Exclusive early access to experimental features and updates
    • +
  • + Direct influence on product development—your feedback shapes what we + build! +
    • +
  • + Be part of the inner circle that's helping create the next + generation of AI tools. You'll get a special Discord role as well + on the PearAI server. +
    • +
+ ), + }, + { + id: "second", + question: "How It Works", + answer: ( +

+ Simply fill out the form below if you’re interested in joining! If + selected, you can try out our beta releases, play around with new + features, and let us know what you think via a quick feedback form. If + you spot any bugs or have suggestions, we want to hear them! +

+ ), + }, + { + id: "third", + question: "We Can't Do This Without You!", + answer: ( +

+ We're incredibly grateful for beta testers who take the time to + help us improve. Your participation doesn't just help us; it helps + build better tools for everyone who wants to create software. Fill out + the form below to join! +

+ ), + }, +]; + +const FAQComponent: React.FC = () => { + const [openItem, setOpenItem] = useState(undefined); + + useEffect(() => { + const hash = window.location.hash; + if (hash) { + const id = hash.replace("#", ""); + const element = document.getElementById(id); + if (element) { + // Delay the scroll to ensure the page is fully loaded + setTimeout(() => { + const navbarHeight = 80; // Adjust this value based on your navbar height + const elementPosition = element.getBoundingClientRect().top; + const offsetPosition = + elementPosition + window.pageYOffset - navbarHeight; + + window.scrollTo({ + top: offsetPosition, + behavior: "smooth", + }); + + const item = faqData.find((item) => item.id === id); + if (item) { + setOpenItem(id); + } + }, 100); + } + } + }, []); -export default function BetaTesterPage() { return ( <> -
-
-

- Join the PearAI Beta Tester Program! 👾🍐 -

-

- At PearAI, our mission is to allow anyone to turn their ideas into - creation. We’re constantly adding new features and updates to get - closer to our goal. To make sure public releases are bug-free, we - regularly release early versions of PearAI with experimental - features to those in the PearAI Beta Tester Program! -

-
-

- What's In It For You? 🍐 -

-
    -
  • Free base PearAI subscription for the entire month
    • -
  • - Exclusive early access to experimental features and updates -
    • -
  • - Direct influence on product development—your feedback shapes - what we build! -
    • -
  • - Be part of the inner circle that's helping create the next - generation of AI tools. You'll get a special Discord role - as well on the PearAI server. -
    • -
-
-
-

- How It Works 🍐 -

-

- Simply fill out the form below if you’re interested in joining! If - selected, you can try out our beta releases, play around with new - features, and let us know what you think via a quick feedback - form. If you spot any bugs or have suggestions, we want to hear - them! +

+
+
+

+ Join the PearAI Beta Tester Program! +

+

+ At PearAI, our mission is to allow anyone to turn their ideas into + creation. We're constantly adding new features and updates to + get closer to our goal. To make sure public releases are bug-free, + we regularly release early versions of PearAI with experimental + features to those in the PearAI Beta Tester Program!

-
-

- We Can't Do This Without You 🍐 -

-

- We're incredibly grateful for beta testers who take the time - to help us improve. Your participation doesn't just help us; - it helps build better tools for everyone who wants to create - software. Fill out the form below to join! -

+ + + {faqData.map((item, index) => ( + + + {item.question} + + + {item.answer} + + + ))} + +
+
-
-
- -
-
+
+ +