Skip to content

Commit

Permalink
feat: expandable, popover-form
Browse files Browse the repository at this point in the history
  • Loading branch information
@Jordan-Gilliam
Jordan-Gilliam committed Oct 16, 2024
1 parent 45ef616 commit 24b2b58
Show file tree
Hide file tree
Showing 22 changed files with 2,381 additions and 101 deletions.
44 changes: 44 additions & 0 deletions apps/www/__registry__/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -291,6 +291,28 @@ export const Index: Record<string, any> = {
subcategory: "undefined",
chunks: []
},
"popover-form": {
name: "popover-form",
type: "components:ui",
registryDependencies: undefined,
component: React.lazy(() => import("@/registry/default/ui/popover-form")),
source: "",
files: ["registry/default/ui/popover-form.tsx"],
category: "undefined",
subcategory: "undefined",
chunks: []
},
"expandable": {
name: "expandable",
type: "components:ui",
registryDependencies: undefined,
component: React.lazy(() => import("@/registry/default/ui/expandable")),
source: "",
files: ["registry/default/ui/expandable.tsx"],
category: "undefined",
subcategory: "undefined",
chunks: []
},
"text-animate-demo": {
name: "text-animate-demo",
type: "components:example",
Expand Down Expand Up @@ -577,6 +599,28 @@ export const Index: Record<string, any> = {
subcategory: "undefined",
chunks: []
},
"popover-form-demo": {
name: "popover-form-demo",
type: "components:example",
registryDependencies: ["popover-form"],
component: React.lazy(() => import("@/registry/default/example/popover-form-demo")),
source: "",
files: ["registry/default/example/popover-form-demo.tsx"],
category: "undefined",
subcategory: "undefined",
chunks: []
},
"expandable-demo": {
name: "expandable-demo",
type: "components:example",
registryDependencies: ["expandable"],
component: React.lazy(() => import("@/registry/default/example/expandable-demo")),
source: "",
files: ["registry/default/example/expandable-demo.tsx"],
category: "undefined",
subcategory: "undefined",
chunks: []
},
"authentication-01": {
name: "authentication-01",
type: "components:block",
Expand Down
162 changes: 82 additions & 80 deletions apps/www/app/(app)/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ import { GradientHeading } from "@/registry/default/ui/gradient-heading"

export default function IndexPage() {
return (
<div className=" isolate min-h-screen overflow-hidden bg-white bg-gradientTopRightLight pb-8 sm:pb-12 md:pb-0">
<div className=" isolate min-h-screen overflow-hidden pb-8 sm:pb-12 md:pb-0">
<div className="container relative pt-12">
{/* <ShaderAnimation /> */}

Expand All @@ -48,95 +48,97 @@ export default function IndexPage() {
</Card> */}
</div>

<BgNoiseWrapper url="/egg-shell-noise.png">
<div className="container relative pt-12">
<PageHeader>
<FadeIn>
<Announcement />
</FadeIn>
<FadeIn>
<GradientHeading
size="xl"
weight="bold"
className="text-center text-xl font-bold leading-tight tracking-tighter md:text-5xl lg:leading-[1.1]"
>
Components crafted for <br className="hidden md:block" /> Design
Engineers
</GradientHeading>
</FadeIn>

<FadeIn>
<div className="flex flex-wrap items-center justify-center gap-1 text-center text-base leading-3 text-foreground md:text-2xl md:font-normal md:leading-6">
<span>Ready-to-use</span>
<div className="hidden -rotate-45 rounded-full border border-black/10 p-1 shadow-lg md:block">
<ReactIcon className=" h-6 w-6 " aria-hidden="true" />
</div>
<span> components for your React apps.</span>

<span>Shadcn compatible.</span>
<div className="rounded-full border border-black/10 p-1 shadow-lg">
<Icons.logo className="h-5 w-5" />
</div>
<span>Styled with tailwindcss.</span>
<div className="hidden -rotate-45 rounded-full border border-black/10 p-1 shadow-lg md:block ">
<TailwindCSSIcon className="h-6 w-6 " aria-hidden="true" />
</div>
<span className="">Copy and paste. Open Source. Typed. </span>
<div className="rounded-xs hidden border border-black/10 p-1 shadow-lg md:block">
<TypeScriptIcon className="h-6 w-6 " aria-hidden="true" />
</div>
</div>
</FadeIn>
<FadeIn>
<PageActions>
<Link href="/docs" className={cn(buttonVariants())}>
Get Started
</Link>
<Link
target="_blank"
rel="noreferrer"
href={siteConfig.links.github}
className={cn(buttonVariants({ variant: "outline" }))}
>
<Icons.gitHub className="mr-2 h-4 w-4" />
GitHub
</Link>
</PageActions>
</FadeIn>
</PageHeader>
{/* <BgNoiseWrapper url="/egg-shell-noise.png"> */}
<div className="container relative pt-12">
<PageHeader>
<FadeIn>
<Announcement />
</FadeIn>
<FadeIn>
<GradientHeading
size="xl"
weight="bold"
className="text-center text-xl font-bold leading-tight tracking-tighter md:text-5xl lg:leading-[1.1]"
>
Components crafted for <br className="hidden md:block" /> Design
Engineers
</GradientHeading>
</FadeIn>

<FadeIn>
<section className="w-full space-y-4 md:block">
<div className=" mx-auto max-w-7xl rounded-[24px] border border-black/5 p-2 shadow-sm md:rounded-[44px]">
<LatestComponent />
{/* <FeaturedComponent /> */}
<div className="flex flex-wrap items-center justify-center gap-1 text-center text-base leading-3 text-foreground md:text-2xl md:font-normal md:leading-6">
<span>Ready-to-use</span>
<div className="hidden -rotate-45 rounded-full border border-black/10 p-1 shadow-lg md:block">
<ReactIcon className=" h-6 w-6 " aria-hidden="true" />
</div>
<span> components for your React apps.</span>

<div className=" mx-auto max-w-7xl rounded-[24px] border border-black/5 p-2 shadow-sm md:rounded-[44px]">
<TemplateGrid />
<span>Shadcn compatible.</span>
<div className="rounded-full border border-black/10 p-1 shadow-lg">
<Icons.logo className="h-5 w-5" />
</div>

<div className=" mx-auto max-w-7xl rounded-[24px] border border-black/5 p-2 shadow-sm md:rounded-[44px]">
<PlugCardGrid />
<span>Styled with tailwindcss.</span>
<div className="hidden -rotate-45 rounded-full border border-black/10 p-1 shadow-lg md:block ">
<TailwindCSSIcon className="h-6 w-6 " aria-hidden="true" />
</div>
</section>
<span className="">Copy and paste. Open Source. Typed. </span>
<div className="rounded-xs hidden border border-black/10 p-1 shadow-lg md:block">
<TypeScriptIcon className="h-6 w-6 " aria-hidden="true" />
</div>
</div>
</FadeIn>
</div>
<section className=" mt-12 hidden w-full md:block">
<FadeIn>
<div className=" relative mx-auto max-w-7xl rounded-[24px] border border-black/5 p-2 shadow-sm md:rounded-[44px]">
<Badge
variant="outline"
className="absolute left-4 top-6 rounded-[14px] border border-black/10 text-base md:left-6"
<PageActions>
<Link href="/docs" className={cn(buttonVariants())}>
Get Started
</Link>
<Link
target="_blank"
rel="noreferrer"
href={siteConfig.links.github}
className={cn(buttonVariants({ variant: "outline" }))}
>
<IceCream className=" fill-[#A3C0E0] stroke-1 text-neutral-800" />{" "}
Component Preview
</Badge>
<FeaturesSection />
</div>
<Icons.gitHub className="mr-2 h-4 w-4" />
GitHub
</Link>
</PageActions>
</FadeIn>
</section>
</BgNoiseWrapper>
</PageHeader>

<FadeIn>
<section className="w-full space-y-4 md:block">
{/* <div className=" mx-auto max-w-7xl rounded-[24px] border border-black/5 p-2 shadow-sm md:rounded-[44px] bg-black"> */}
<div className=" mx-auto w-full max-w-4xl rounded-[24px] border border-black/5 p-2 shadow-sm md:rounded-t-[44px]">
<LatestComponent />
{/* <FeaturedComponent /> */}
</div>

{/* <div className=" mx-auto max-w-4xl rounded-[24px] border border-black/5 p-2 shadow-sm md:rounded-[44px]"> */}
<div className=" mx-auto max-w-4xl rounded-[24px] border border-black/5 p-2 shadow-sm ">
<TemplateGrid />
</div>

<div className=" mx-auto max-w-4xl rounded-[24px] border border-black/5 p-2 shadow-sm md:rounded-b-[44px] md:rounded-t-[20px]">
<PlugCardGrid />
</div>
</section>
</FadeIn>
</div>
<section className=" mt-12 hidden w-full md:block">
<FadeIn>
<div className=" relative mx-auto max-w-4xl rounded-[24px] border border-black/5 p-2 shadow-sm md:rounded-[44px]">
<Badge
variant="outline"
className="absolute left-4 top-6 rounded-[14px] border border-black/10 text-base md:left-6"
>
<IceCream className=" fill-[#A3C0E0] stroke-1 text-neutral-800" />{" "}
Component Preview
</Badge>
<FeaturesSection />
</div>
</FadeIn>
</section>
{/* </BgNoiseWrapper> */}
</div>
)
}
Expand Down
6 changes: 4 additions & 2 deletions apps/www/app/layout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import {
Toaster as NewYorkToaster,
} from "@/components/ui/toaster"
import { Analytics } from "@/components/analytics"
import { AnimatedBackgroundGuides } from "@/components/background-guides"
import { ThemeProvider } from "@/components/providers"
import { TailwindIndicator } from "@/components/tailwind-indicator"
import { ThemeSwitcher } from "@/components/theme-switcher"
Expand Down Expand Up @@ -84,18 +85,19 @@ export default function RootLayout({ children }: RootLayoutProps) {
<head />
<body
className={cn(
"min-h-screen bg-background font-sans antialiased",
"relative min-h-screen bg-background font-sans antialiased",
fontSans.variable
)}
>
<AnimatedBackgroundGuides />
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
<div vaul-drawer-wrapper="">
<div className="relative z-10 flex min-h-screen flex-col bg-background">
<div className="relative z-10 flex min-h-screen flex-col ">
{children}
</div>
</div>
Expand Down
Loading

0 comments on commit 24b2b58

Please sign in to comment.