bender/d7d2e565-0329-4d2d-9196-ef5df7f8d96d
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 14:18:46 +00:00
parent aa52434bec
commit 851154d5a0
1 changed files with 76 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/app/page.tsx
View File

@@ -1,4 +1,5 @@
"use client";
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCentered from '@/components/sections/hero/HeroCentered';
@@ -9,40 +10,102 @@ import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from 'next/link';
const navItems = [
{ name: "Home", id: "/" }
];
export default function Page() {
const navItems = [{ name: "Home", id: "/" }];
return (
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Contact" }} />
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Webild"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered title="Hero Title" description="Description" avatars={[]} background={{ variant: "plain" }} />
<HeroCentered
title="Welcome to Our Platform"
description="Experience the best services tailored for your success."
background={{ variant: "plain" }}
avatars={[]}
/>
</div>
<div id="historia" data-section="historia">
<TextAbout title="Historia" useInvertedBackground={false} />
<TextAbout
title="Our History"
/>
</div>
<div id="origem" data-section="origem">
<FeatureCardEight title="Origem" description="Origem Desc" textboxLayout="default" useInvertedBackground={false} features={[{ title: "F1", description: "D1", imageSrc: "/placeholder.png" }, { title: "F2", description: "D2", imageSrc: "/placeholder.png" }]} />
<FeatureCardEight
title="Our Origin"
description="The story of how we began."
textboxLayout="default"
features={[]}
/>
</div>
<div id="diferenciais" data-section="diferenciais">
<FeatureCardEight title="Diferenciais" description="Diferenciais Desc" textboxLayout="default" useInvertedBackground={false} features={[{ title: "D1", description: "D1", imageSrc: "/placeholder.png" }, { title: "D2", description: "D2", imageSrc: "/placeholder.png" }]} />
<FeatureCardEight
title="Why Us?"
description="We provide unique advantages."
textboxLayout="default"
features={[]}
/>
</div>
<div id="produtos" data-section="produtos">
<ProductCardThree title="Produtos" description="Desc" textboxLayout="default" useInvertedBackground={false} gridVariant="uniform-all-items-equal" animationType="none" products={[{ id: "1", name: "P1", price: "$10", imageSrc: "/placeholder.png" }, { id: "2", name: "P2", price: "$20", imageSrc: "/placeholder.png" }, { id: "3", name: "P3", price: "$30", imageSrc: "/placeholder.png" }]} />
<ProductCardThree
title="Our Products"
description="High quality solutions."
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
products={[]}
/>
</div>
<div id="precos" data-section="precos">
<PricingCardNine title="Preços" description="Desc" textboxLayout="default" useInvertedBackground={false} animationType="none" plans={[{ id: "1", title: "Basic", price: "$10", period: "mo", features: ["F1"], button: { text: "Buy" }, imageSrc: "/placeholder.png" }, { id: "2", title: "Pro", price: "$20", period: "mo", features: ["F1"], button: { text: "Buy" }, imageSrc: "/placeholder.png" }]} />
<PricingCardNine
title="Pricing"
description="Affordable plans."
animationType="slide-up"
textboxLayout="default"
plans={[]}
/>
</div>
<div id="parcerias" data-section="parcerias">
<SocialProofOne title="Parcerias" description="Desc" names={["P1", "P2"]} textboxLayout="default" useInvertedBackground={false} />
<SocialProofOne
names={[]}
title="Partnerships"
description="Trusted by companies."
textboxLayout="default"
/>
</div>
<div id="contato" data-section="contato">
<ContactSplit tag="Tag" title="Contato" description="Desc" useInvertedBackground={false} background={{ variant: "plain" }} />
<ContactSplit
tag="Contact"
title="Get in Touch"
description="We'd love to hear from you."
background={{ variant: "plain" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal logoText="Logo" leftLink={{ text: "L", href: "#" }} rightLink={{ text: "R", href: "#" }} />
<FooterLogoReveal
logoText="Webild"
leftLink={{ text: "Privacy", href: "#" }}
rightLink={{ text: "Terms", href: "#" }}
/>
</div>
</ThemeProvider>
);