Merge version_1 into main #17

Merged
bender merged 2 commits from version_1 into main 2026-04-22 19:02:38 +00:00
2 changed files with 11 additions and 11 deletions

View File

@@ -11,8 +11,8 @@ import { DM_Serif_Display, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'Home | Webild',
description: 'Innovation at the speed of light.',
title: 'Home',
description: 'Welcome to our website',
};
const dmSerif = DM_Serif_Display({ variable: "--font-dm-serif", subsets: ["latin"], weight: ["400"] }); const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });

View File

@@ -14,7 +14,7 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
export default function HomePage() {
const navItems = [{ name: "Home", id: "/" }];
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} />
</div>
@@ -27,28 +27,28 @@ export default function HomePage() {
/>
</div>
<div id="trust" data-section="trust">
<SocialProofOne names={["TechCorp", "InnovateAI", "GlobalSystems"]} title="Trusted By Leaders" description="Partnering with industry pioneers." />
<SocialProofOne names={["TechCorp", "InnovateAI", "GlobalSystems"]} title="Trusted By Leaders" description="Partnering with industry pioneers." textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="services" data-section="services">
<FeatureCardMedia title="Our Services" description="We provide cutting edge digital services." features={[]} animationType="slide-up" />
<FeatureCardMedia title="Our Services" description="We provide cutting edge digital services." features={[{ id: "f1", title: "Design", description: "High quality", tag: "New" }, { id: "f2", title: "Code", description: "High quality", tag: "Dev" }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="work" data-section="work">
<ProductCardOne title="Our Portfolio" description="Showcasing our recent work." products={[]} gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" />
<ProductCardOne title="Our Portfolio" description="Showcasing our recent work." products={[{ id: "p1", name: "Product", price: "$10", imageSrc: "https://picsum.photos/seed/p1/400/400" }, { id: "p2", name: "Product", price: "$20", imageSrc: "https://picsum.photos/seed/p2/400/400" }, { id: "p3", name: "Product", price: "$30", imageSrc: "https://picsum.photos/seed/p3/400/400" }]} gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="process" data-section="process">
<MetricCardEleven title="Our Process" description="How we deliver excellence." metrics={[]} animationType="slide-up" />
<MetricCardEleven title="Our Process" description="How we deliver excellence." metrics={[{ id: "m1", value: "100%", title: "Success", description: "Proven track record", imageSrc: "https://picsum.photos/seed/m1/400/400" }, { id: "m2", value: "24/7", title: "Support", description: "Always available", imageSrc: "https://picsum.photos/seed/m2/400/400" }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo title="Client Voices" description="What our partners say about us." testimonials={[]} animationType="slide-up" textboxLayout="default" />
<TestimonialCardTwo title="Client Voices" description="What our partners say about us." testimonials={[{ id: "t1", name: "John", role: "CEO", testimonial: "Great work!" }, { id: "t2", name: "Jane", role: "CTO", testimonial: "Highly recommended." }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia title="Questions?" description="Answers to common inquiries." faqs={[]} faqsAnimation="slide-up" textboxLayout="default" />
<FaqSplitMedia title="Questions?" description="Answers to common inquiries." faqs={[{ id: "q1", title: "What?", content: "Yes." }, { id: "q2", title: "Who?", content: "Us." }]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} mediaAnimation="slide-up" imageSrc="https://picsum.photos/seed/faq/400/400" />
</div>
<div id="cta" data-section="cta">
<ContactText text="Ready to start your journey?" background={{ variant: "plain" }} />
<ContactText text="Ready to start your journey?" background={{ variant: "plain" }} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterSimple columns={[]} bottomLeftText="© 2024 TechCorp" bottomRightText="All rights reserved." />
<FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024 TechCorp" bottomRightText="All rights reserved." />
</div>
</ThemeProvider>
);