Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #6.
This commit is contained in:
@@ -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" }] }]} />
|
||||
|
||||
Reference in New Issue
Block a user