Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6af842a231 | |||
| 671b900c90 |
@@ -2,6 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { useState } from "react";
|
||||
import { Sparkles, LayoutGrid, Zap } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
@@ -11,8 +13,11 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import Input from '@/components/form/Input';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [url, setUrl] = useState("");
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -57,6 +62,22 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="make" data-section="make" className="py-16 px-4 max-w-4xl mx-auto space-y-8">
|
||||
<div className="bg-card p-8 rounded-2xl shadow-lg border">
|
||||
<h2 className="text-3xl font-bold mb-4">Create Your Website</h2>
|
||||
<Input value={url} onChange={setUrl} placeholder="Paste your Google Maps URL here..." />
|
||||
|
||||
<div className="mt-8 space-y-4">
|
||||
<h3 className="font-semibold">Select Style</h3>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<button className="p-4 border rounded-xl hover:border-primary transition">Random Style</button>
|
||||
<button className="p-4 border rounded-xl hover:border-primary transition">Modern Minimal</button>
|
||||
<button className="p-4 border rounded-xl hover:border-primary transition">Bold & Vibrant</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
|
||||
Reference in New Issue
Block a user