Update src/app/page.tsx
This commit is contained in:
@@ -1,42 +1,28 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
|
||||
import { Code, Users, Globe, MessageCircle, Sparkles } from "lucide-react";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import { Code, Users, Globe, MessageCircle, Sparkles, Phone } from "lucide-react";
|
||||
|
||||
export default function PersonalGridTemplatePage() {
|
||||
const titleSegments = [
|
||||
{ type: "text" as const, content: "I help founders" },
|
||||
{ type: "image" as const, src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/personal-grid/grid1.webp", alt: "Damien Ghader" },
|
||||
{ type: "text" as const, content: "build products" },
|
||||
{ type: "image" as const, src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/personal-grid/grid2.webp", alt: "" },
|
||||
{ type: "text" as const, content: "with AI" },
|
||||
];
|
||||
|
||||
const socialLinks = [
|
||||
{ icon: Globe, label: "damienghader", href: "https://twitter.com" },
|
||||
{ icon: MessageCircle, label: "damienghader", href: "https://instagram.com" },
|
||||
{ icon: Sparkles, label: "damienghader", href: "https://linkedin.com" },
|
||||
{ icon: Globe, label: "Follow on Twitter", href: "https://twitter.com" },
|
||||
{ icon: MessageCircle, label: "Follow on Instagram", href: "https://instagram.com" },
|
||||
{ icon: Sparkles, label: "Follow on LinkedIn", href: "https://linkedin.com" },
|
||||
];
|
||||
|
||||
const linkCards = [
|
||||
{
|
||||
icon: Code,
|
||||
title: "Work with my agency",
|
||||
description: "Work with my agency to build your MVP",
|
||||
button: { text: "Get started", href: "#" },
|
||||
title: "Work with my agency", description: "Work with my agency to build your MVP", button: { text: "Book a strategy call", href: "#" },
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "20% off your Webild plan",
|
||||
description: "Use my promo code to get Webild credits",
|
||||
button: { text: "Get credits", href: "#" },
|
||||
title: "20% off your Webild plan", description: "Use my promo code to get Webild credits", button: { text: "Get credits", href: "#" },
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Join my community",
|
||||
description: "Join the AI Founders Club",
|
||||
button: { text: "Sign up", href: "#" },
|
||||
title: "Join my community", description: "Join the AI Founders Club", button: { text: "Sign up", href: "#" },
|
||||
},
|
||||
];
|
||||
|
||||
@@ -53,13 +39,14 @@ export default function PersonalGridTemplatePage() {
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<HeroPersonalLinks
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
title="I help people design software with AI"
|
||||
titleSegments={titleSegments}
|
||||
socialLinks={socialLinks}
|
||||
linkCards={linkCards}
|
||||
/>
|
||||
<div id="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
title="I help people design software with AI"
|
||||
description="I help founders build products with AI"
|
||||
buttons={[{ text: "Book a strategy call", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user