Update src/app/page.tsx

This commit is contained in:
2026-04-21 15:29:02 +00:00
parent 40dd932b9f
commit 86d53fea41

View File

@@ -17,235 +17,75 @@ export default function LandingPage() {
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About Us",
id: "/about",
},
{
name: "SEO Checker",
id: "/seo",
},
{
name: "Cold Email",
id: "/cold-email",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="GeoTools"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
title="Make Your Website AI-Ready in Seconds"
description="Stop letting AI models ignore your content. Generate llms.txt files and FAQs automatically. Free tools built for website owners who need structured content fast."
buttons={[
{
text: "Generate llms.txt",
href: "/llms",
},
{
text: "FAQs Generator",
href: "/faq",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038907.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/software-programming-web-development-concept_53876-176752.jpg",
alt: "Developer 1",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-post-its_23-2149930951.jpg",
alt: "Developer 2",
},
{
src: "http://img.b2bpic.net/free-photo/businessman-designing-layout_53876-94872.jpg",
alt: "Developer 3",
},
{
src: "http://img.b2bpic.net/free-photo/hands-working-laptop-network-graphic-overlay_53876-124039.jpg",
alt: "Developer 4",
},
{
src: "http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop-high-angle_23-2149073071.jpg",
alt: "Developer 5",
},
]}
avatarText="Used by 50k+ developers"
marqueeItems={[
{
type: "text",
text: "SEO Optimized",
},
{
type: "text",
text: "AI-Ready",
},
{
type: "text",
text: "Fast Performance",
},
{
type: "text",
text: "Secure Code",
},
{
type: "text",
text: "Mobile Friendly",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={false}
title="4 Powerful Tools, Zero Complexity"
description="Whether you're freelancing on the side or running a full operation, we built these free tools to handle the busywork for you."
accordionItems={[
{
id: "a1",
title: "llms.txt Generator",
content: "Create perfect llms.txt files in seconds to help GPT-4 and Claude index your site accurately.",
},
{
id: "a2",
title: "FAQ Generator",
content: "Automatically structure your frequently asked questions to boost user engagement and SEO.",
},
{
id: "a3",
title: "SEO Checker",
content: "Get actionable insights to improve your search visibility and outrank your competition.",
},
{
id: "a4",
title: "Cold Email Generator",
content: "Craft professional, high-converting cold emails without starting from a blank page.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/global-communication-phone-wallpaper-business-network-design_53876-160272.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "50,000+",
title: "Websites",
description: "Websites using geotools daily.",
icon: Globe,
},
{
id: "m2",
value: "100,000+",
title: "Docs",
description: "Professional documents generated.",
icon: FileText,
},
{
id: "m3",
value: "99.9%",
title: "Accuracy",
description: "High-fidelity AI ready output.",
icon: CheckCircle,
},
]}
title="Trusted by Website Owners Worldwide"
description="See how thousands of teams are already saving time with our free tools."
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Built for scale, kept free for everyone"
description="Our infrastructure is designed to handle millions of requests while maintaining minimal latency, ensuring your site remains fast."
imageSrc="http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg"
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="This tool saved me hours of manual configuration. Simply incredible."
rating={5}
author="Jane Doe, Freelancer"
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/work-text-diary-digital-tablet-coffee-cup-keyboard-black-marker-white-desk_23-2148061556.jpg",
alt: "Jane Doe",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
items: [
{
label: "llms.txt Gen",
href: "#",
},
{
label: "FAQ Gen",
href: "#",
},
{
label: "SEO Checker",
href: "#",
},
],
},
]}
logoText="GeoTools"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "SEO Checker", id: "/seo" },
{ name: "Contact", id: "/contact" }
]}
brandName="GeoTools"
button={{ text: "Get Started", href: "#" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
title="Make Your Website AI-Ready in Seconds"
description="Stop letting AI models ignore your content. Generate llms.txt files and FAQs automatically. Free tools built for website owners who need structured content fast."
background={{ variant: "gradient-bars" }}
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
title="4 Powerful Tools, Zero Complexity"
description="Whether you're freelancing on the side or running a full operation, we built these free tools to handle the busywork for you."
accordionItems={[{ id: "a1", title: "llms.txt Generator", content: "Create perfect llms.txt files in seconds to help GPT-4 and Claude index your site accurately." }, { id: "a2", title: "FAQ Generator", content: "Automatically structure your frequently asked questions to boost user engagement and SEO." }, { id: "a3", title: "SEO Checker", content: "Get actionable insights to improve your search visibility and outrank your competition." }, { id: "a4", title: "Cold Email Generator", content: "Craft professional, high-converting cold emails without starting from a blank page." }]}
useInvertedBackground={false}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
metrics={[{ id: "m1", value: "50,000+", title: "Websites", description: "Websites using geotools daily.", icon: Globe }, { id: "m2", value: "100,000+", title: "Docs", description: "Professional documents generated.", icon: FileText }, { id: "m3", value: "99.9%", title: "Accuracy", description: "High-fidelity AI ready output.", icon: CheckCircle }]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
title="Trusted by Website Owners Worldwide"
description="See how thousands of teams are already saving time with our free tools."
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Built for scale, kept free for everyone"
description="Our infrastructure is designed to handle millions of requests while maintaining minimal latency, ensuring your site remains fast."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="This tool saved me hours of manual configuration. Simply incredible."
rating={5}
author="Jane Doe, Freelancer"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="GeoTools"
columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "llms.txt Gen", href: "#" }, { label: "FAQ Gen", href: "#" }, { label: "SEO Checker", href: "#" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}