bender/8936341c-7173-48de-ad60-e34e6ae2ffb2
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-18 15:16:03 +00:00
parent 8142c3981c
commit 9d601badaa
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/page.tsx
View File

@@ -11,39 +11,39 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Globe, Shield, Star, CheckCircle } from 'lucide-react';
import { Shield } from 'lucide-react';
const navItems = [{ name: 'Home', id: '/' }];
export default function Home() {
return (
<ThemeProvider>
<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} brandName="Webild" />
<NavbarLayoutFloatingInline navItems={navItems} brandName="Webild" button={{ text: "Get Started", href: "#contact" }} />
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel title="Title" description="Desc" background={{ variant: 'plain' }} carouselItems={[]} />
<HeroBillboardRotatedCarousel title="Title" description="Desc" background={{ variant: 'plain' }} carouselItems={[{ id: "1" }, { id: "2" }, { id: "3" }, { id: "4" }, { id: "5" }, { id: "6" }]} />
</div>
<div id="about" data-section="about">
<MediaAbout title="About" description="About content" />
<MediaAbout title="About" description="About content" useInvertedBackground={false} />
</div>
<div id="menu" data-section="menu">
<FeatureCardSix title="Features" description="Features content" features={[]} textboxLayout="default" />
<FeatureCardSix title="Features" description="Features content" features={[{ title: "F1", description: "D1" }, { title: "F2", description: "D2" }]} textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen title="Metrics" metrics={[]} metricsAnimation="opacity" />
<MetricCardFourteen title="Metrics" metrics={[{ id: "m1", value: "100", description: "Units" }, { id: "m2", value: "200", description: "Units" }]} metricsAnimation="opacity" useInvertedBackground={false} tag="Metrics" />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo title="Testimonials" description="Reviews" testimonials={[]} animationType="opacity" textboxLayout="default" />
<TestimonialCardTwo title="Testimonials" description="Reviews" testimonials={[{ id: "t1", name: "User", role: "Tester", testimonial: "Good" }, { id: "t2", name: "User2", role: "Tester2", testimonial: "Great" }]} animationType="opacity" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia title="FAQ" description="Questions" faqs={[]} faqsAnimation="opacity" textboxLayout="default" />
<FaqSplitMedia title="FAQ" description="Questions" faqs={[{ id: "f1", title: "Q1", content: "A1" }, { id: "f2", title: "Q2", content: "A2" }]} faqsAnimation="opacity" textboxLayout="default" useInvertedBackground={false} mediaAnimation="opacity" />
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne title="Social Proof" names={[]} textboxLayout="default" />
<SocialProofOne title="Social Proof" names={["Partner A", "Partner B"]} description="Trusted by" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="contact" data-section="contact">
<ContactSplitForm title="Contact" description="Contact us" inputs={[]} />
<ContactSplitForm title="Contact" description="Contact us" inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterCard logoText="Webild" />