Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #6.
This commit is contained in:
2026-05-13 18:56:16 +00:00

View File

@@ -18,33 +18,33 @@ const navItems = [
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">
<NavbarStyleApple navItems={navItems} brandName="Webild" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery title="Welcome" description="Description" background={{ variant: "plain" }} mediaItems={[{ imageSrc: "https://example.com/a.jpg" }, { imageSrc: "https://example.com/b.jpg" }, { imageSrc: "https://example.com/c.jpg" }]} />
<HeroBillboardGallery title="Welcome" description="Description" background={{ variant: "plain" }} mediaItems={[{ imageSrc: "https://example.com/a.jpg" }, { imageSrc: "https://example.com/b.jpg" }, { imageSrc: "https://example.com/c.jpg" }]} mediaAnimation="none" />
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne names={["Partner A", "Partner B"]} title="Trusted By" textboxLayout="default" />
<SocialProofOne names={["Partner A", "Partner B"]} title="Trusted By" textboxLayout="default" description="Our trusted partners." useInvertedBackground={false} />
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout title="About" description="Desc" metrics={[{ value: "100", title: "Metric" }]} useInvertedBackground={false} />
<MetricSplitMediaAbout title="About" description="Desc" metrics={[{ value: "100", title: "Metric" }]} useInvertedBackground={false} mediaAnimation="none" metricsAnimation="none" />
</div>
<div id="menu" data-section="menu">
<FeatureCardNineteen features={[{ tag: "tag", title: "Title", subtitle: "Sub", description: "Desc" }]} title="Menu" textboxLayout="default" useInvertedBackground={false} />
<FeatureCardNineteen features={[{ tag: "tag", title: "Title", subtitle: "Sub", description: "Desc" }]} title="Menu" textboxLayout="default" useInvertedBackground={false} description="Explore our menu." />
</div>
<div id="gallery" data-section="gallery">
<ProductCardTwo title="Products" description="Desc" gridVariant="uniform-all-items-equal" animationType="none" textboxLayout="default" products={[{ id: "1", brand: "B", name: "N", price: "$1", rating: 5, reviewCount: "1", imageSrc: "i" }, { id: "2", brand: "B", name: "N", price: "$2", rating: 5, reviewCount: "1", imageSrc: "i" }, { id: "3", brand: "B", name: "N", price: "$3", rating: 5, reviewCount: "1", imageSrc: "i" }]} />
<ProductCardTwo title="Products" description="Desc" gridVariant="uniform-all-items-equal" animationType="none" textboxLayout="default" useInvertedBackground={false} products={[{ id: "1", brand: "B", name: "N", price: "$1", rating: 5, reviewCount: "1", imageSrc: "https://example.com/i.jpg" }, { id: "2", brand: "B", name: "N", price: "$2", rating: 5, reviewCount: "1", imageSrc: "https://example.com/i.jpg" }, { id: "3", brand: "B", name: "N", price: "$3", rating: 5, reviewCount: "1", imageSrc: "https://example.com/i.jpg" }]} />
</div>
<div id="events" data-section="events">
<FaqSplitMedia faqs={[{ id: "1", title: "Q", content: "A" }]} title="FAQ" faqsAnimation="none" textboxLayout="default" useInvertedBackground={false} />
<FaqSplitMedia faqs={[{ id: "1", title: "Q", content: "A" }]} title="FAQ" faqsAnimation="none" textboxLayout="default" useInvertedBackground={false} description="Common questions answered." />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo testimonials={[{ id: "1", name: "N", role: "R", testimonial: "T" }]} title="Testimonials" animationType="none" textboxLayout="default" useInvertedBackground={false} />
<TestimonialCardTwo testimonials={[{ id: "1", name: "N", role: "R", testimonial: "T" }]} title="Testimonials" animationType="none" textboxLayout="default" useInvertedBackground={false} description="What people say." />
</div>
<div id="contact" data-section="contact">
<ContactSplit tag="Tag" title="Contact" description="Desc" background={{ variant: "plain" }} />
<ContactSplit tag="Tag" title="Contact" description="Desc" background={{ variant: "plain" }} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis logoText="Footer" columns={[{ items: [{ label: "Link" }] }]} />