forked from
standard.site/standard.site
Standard.site landing page built in Next.js
Refactor to use absolute imports
+29
-29
+2
-2
app/components/ExpandableField.tsx
+2
-2
app/components/ExpandableField.tsx
···
2
2
3
3
import { useState } from 'react'
4
4
import { motion, AnimatePresence } from 'motion/react'
5
-
import type { LexiconDef, LexiconProperty, LexiconSchema, ParsedField } from '../lib/lexicon'
6
-
import { getDescriptionOverride, getPropertyOrder } from '../data/lexicon-overrides'
5
+
import type { LexiconDef, LexiconProperty, LexiconSchema, ParsedField } from '@/app/lib/lexicon'
6
+
import { getDescriptionOverride, getPropertyOrder } from '@/app/data/lexicon-overrides'
7
7
import { EyeIcon, EyeOffIcon, FileIcon } from 'lucide-react'
8
8
9
9
// Client-side lexicon cache (passed from server)
+3
-4
app/components/Sidebar.tsx
+3
-4
app/components/Sidebar.tsx
···
1
1
'use client'
2
2
3
3
import { useEffect, useState } from 'react'
4
-
import { AnimateIn } from './AnimateIn'
5
-
import { StandardSiteLogo } from './icons'
6
-
import { EXTERNAL_LINKS, NAV_ITEMS } from '../data/content'
7
-
import { scrollToElement } from '../lib/scroll'
4
+
import { AnimateIn, StandardSiteLogo } from '@/app/components'
5
+
import { EXTERNAL_LINKS, NAV_ITEMS } from '@/app/data/content'
6
+
import { scrollToElement } from '@/app/lib/scroll'
8
7
import { ArrowUpRightIcon } from 'lucide-react'
9
8
10
9
export function Sidebar() {
+2
-2
app/components/TabbedLexiconViewer.tsx
+2
-2
app/components/TabbedLexiconViewer.tsx
···
2
2
3
3
import { useState } from 'react'
4
4
import { motion, AnimatePresence } from 'motion/react'
5
-
import { LexiconContent } from './ExpandableField'
6
-
import type { LexiconSchema, ParsedField } from '../lib/lexicon'
5
+
import { LexiconContent } from '@/app/components'
6
+
import type { LexiconSchema, ParsedField } from '@/app/lib/lexicon'
7
7
import { FileIcon } from 'lucide-react'
8
8
9
9
interface LexiconTabConfig {
+9
-7
app/components/index.ts
+9
-7
app/components/index.ts
···
1
-
export { Sidebar } from "./Sidebar";
2
-
export { Footer } from "./Footer";
3
-
export { MobileNav } from "./MobileNav";
4
-
export { AnimateIn } from "./AnimateIn";
5
-
export { Accordion } from "./Accordion";
6
-
export * from "./sections";
7
-
export * from "./icons";
1
+
export { Sidebar } from "@/app/components/Sidebar";
2
+
export { Footer } from "@/app/components/Footer";
3
+
export { MobileNav } from "@/app/components/MobileNav";
4
+
export { AnimateIn } from "@/app/components/AnimateIn";
5
+
export { Accordion } from "@/app/components/Accordion";
6
+
export { TabbedLexiconViewer } from "@/app/components/TabbedLexiconViewer";
7
+
export * from "@/app/components/ExpandableField";
8
+
export * from "@/app/components/sections";
9
+
export * from "@/app/components/icons";
+2
-3
app/components/sections/HeroSection.tsx
+2
-3
app/components/sections/HeroSection.tsx
···
1
1
'use client'
2
2
3
-
import { LeafletLogo, OffprintLogo, PcktBlogLogo } from '../icons'
4
-
import { AnimateIn } from '../AnimateIn'
5
-
import { scrollToElement } from '../../lib/scroll'
3
+
import { AnimateIn, LeafletLogo, OffprintLogo, PcktBlogLogo } from '@/app/components'
4
+
import { scrollToElement } from '@/app/lib/scroll'
6
5
import { ArrowRightIcon } from 'lucide-react'
7
6
8
7
export function HeroSection() {
+2
-2
app/components/sections/IntroductionSection.tsx
+2
-2
app/components/sections/IntroductionSection.tsx
+5
-5
app/components/sections/index.ts
+5
-5
app/components/sections/index.ts
···
1
-
export { HeroSection } from "./HeroSection";
2
-
export { IntroductionSection } from "./IntroductionSection";
3
-
export { DefinitionsSection } from "./DefinitionsSection";
4
-
export { VerificationSection } from "./VerificationSection";
5
-
export { QuestionsSection } from "./QuestionsSection";
1
+
export { HeroSection } from "@/app/components/sections/HeroSection";
2
+
export { IntroductionSection } from "@/app/components/sections/IntroductionSection";
3
+
export { DefinitionsSection } from "@/app/components/sections/DefinitionsSection";
4
+
export { VerificationSection } from "@/app/components/sections/VerificationSection";
5
+
export { QuestionsSection } from "@/app/components/sections/QuestionsSection";
+4
-4
app/page.tsx
+4
-4
app/page.tsx
···
8
8
QuestionsSection,
9
9
Sidebar,
10
10
VerificationSection,
11
-
} from './components'
11
+
} from '@/app/components'
12
12
13
13
export default function Home() {
14
14
return (
···
27
27
28
28
<IntroductionSection />
29
29
30
-
<AnimateIn className="h-px w-full bg-border" />
30
+
<div className="h-px w-full bg-border" />
31
31
32
32
<DefinitionsSection />
33
33
34
-
<AnimateIn className="h-px w-full bg-border" />
34
+
<div className="h-px w-full bg-border" />
35
35
36
36
<VerificationSection />
37
37
38
-
<AnimateIn className="h-px w-full bg-border" />
38
+
<div className="h-px w-full bg-border" />
39
39
40
40
<QuestionsSection />
41
41
</main>