James-admin/SculptedArcWebSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add servies page with content and a typing words feature to contact page

Browse Source
This commit is contained in:
jamesratcliffe101
2026-05-30 08:51:05 +01:00
parent 87f8d2b04e
commit f67093f34e
12 changed files with 406 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/about-us/page.tsx
View File

@@ -1,5 +1,10 @@
import PicWithText from "@/components/pic-with-text";
import heda_bang from "../../assets/u_mey4kjj5ww-angry-2498.gif"
export default function Page() {
return (
<h1>about us page</h1>
<PicWithText src={heda_bang.src} text="Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?" reverse={false} title="About us"/>
)
}

22
app/contact/page.tsx
View File

@@ -1,11 +1,23 @@
import ContactForm from '@/components/contact-form'
import ContactForm from '@/components/contact-form';
import TypingWords from '@/components/typing-words';
export default function ContactPage() {
return (
<div className="flex min-h-screen flex-col bg-zinc-50 font-sans dark:bg-black">
<main className="mx-auto flex w-full max-w-7xl flex-1 flex-col items-center px-8 py-16 sm:py-24">
<div className="flex w-full flex-col gap-10 lg:flex-row lg:items-start lg:gap-12 xl:gap-16">
<div className="w-full lg:w-1/2 lg:max-w-xl">
<h1 className="mb-4 text-4xl font-bold leading-tight text-heading sm:text-5xl md:text-6xl">
Tell us about your
</h1>
<h1 className="mb-4 text-4xl font-bold leading-tight text-heading sm:text-5xl md:text-6xl">
<TypingWords />
</h1>
<p className="text-lg text-body lg:text-xl">
Share a few details and we&apos;ll get back to you as soon as we can.
</p>
</div>
<div className="w-full lg:w-1/2 lg:flex lg:justify-end">
<ContactForm />
</main>
</div>
</div>
)
);
}

6
app/layout.tsx
View File

@@ -36,7 +36,11 @@ export default function RootLayout({
>
<body className="min-h-full flex flex-col dark:bg-black">
<SiteHeader />
{children}
<div className="flex min-h-screen flex-col bg-zinc-50 font-sans dark:bg-black">
<main className="mx-auto flex w-full max-w-7xl flex-1 flex-col items-center justify-between bg-white px-8 py-32 dark:bg-black sm:items-start">
{children}
</main>
</div>
<Footer />
</body>
</html>

7
app/page.tsx
View File

@@ -46,16 +46,13 @@ export default function Home() {
}
return (
<div className="flex min-h-screen flex-col bg-zinc-50 font-sans dark:bg-black">
<main className="mx-auto flex w-full max-w-7xl flex-1 flex-col items-center justify-between bg-white px-8 py-32 dark:bg-black sm:items-start">
<>
<HeroSection />
<PicWithText {...picWithText} />
<div className="w-full m-auto">
<ContentCardCarousel cards={contentCards} />
</div>
</main>
</div>
</>
)
}

5
app/plans/page.tsx
View File

@@ -1,5 +0,0 @@
export default function Page() {
return (
<h1>plans page</h1>
)
}

16
app/services/page.tsx Normal file
View File

@@ -0,0 +1,16 @@
import ServicesFeature from '@/components/services-feature';
export default function ServicesPage() {
return (
<>
<h1 className="mb-4 text-5xl font-bold text-heading md:text-6xl">
Our <span className="text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-violet-800">Services</span>
</h1>
<p className="mb-12 max-w-2xl text-lg text-body lg:text-xl">
Sculpted Arc helps companies build, launch, and grow online—from first design
through long-term support.
</p>
<ServicesFeature />
</>
);
}