bender/d2691ac9-01d9-4e9e-87d7-8614db71ae4d
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-13 21:31:16 +00:00
parent 7a21d89712
commit b1581e2725
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/page.tsx
View File

@@ -9,36 +9,36 @@ import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaA
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Shield, Zap, Target, Star, CheckCircle } from "lucide-react";
import { Zap, Target} from "lucide-react";
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">
<NavbarStyleCentered navItems={navItems} brandName="Webild" />
</div>
<div id="hero" data-section="hero">
<HeroSplit title="Design Your Future" description="Empowering businesses with modern digital solutions." background={{ variant: "gradient-bars" }} />
<HeroSplit title="Design Your Future" description="Empowering businesses with modern digital solutions." background={{ variant: "gradient-bars" }} mediaAnimation="slide-up" />
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne names={["Acme", "Globex", "Soylent"]} title="Trusted by industry leaders" textboxLayout="default" />
<SocialProofOne names={["Acme", "Globex", "Soylent"]} title="Trusted by industry leaders" description="Working with the best in the business." textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive title="Our Services" description="We provide top-tier digital transformation services." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Strategy", description: "Detailed planning", icon: Target, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1552667466-07770ae110d0" }, { imageSrc: "https://images.unsplash.com/photo-1552667466-07770ae110d0" }] }]} />
</div>
<div id="why-us" data-section="why-us">
<MetricSplitMediaAbout title="Why Choose Us" description="We combine expertise with innovation." metrics={[{ value: "10+", title: "Years Experience" }]} useInvertedBackground={true} mediaAnimation="slide-up" />
<MetricSplitMediaAbout title="Why Choose Us" description="We combine expertise with innovation." metrics={[{ value: "10+", title: "Years Experience" }]} useInvertedBackground={true} />
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo title="Client Reviews" animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", testimonial: "Fantastic results!" }]} />
<TestimonialCardTwo title="Client Reviews" description="What our clients say about us." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: "1", name: "John Doe", role: "CEO", testimonial: "Fantastic results!" }]} />
</div>
<div id="process" data-section="process">
<FeatureCardTwentyFive title="Our Process" description="Step-by-step excellence." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Discovery", description: "Understanding your needs", icon: Zap, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f" }, { imageSrc: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f" }] }]} />
</div>
<div id="contact" data-section="contact">
<ContactCTA tag="Contact" title="Get in Touch" description="Ready to start your project?" buttons={[{ text: "Contact Us", href: "#" }]} />
<ContactCTA tag="Contact" title="Get in Touch" description="Ready to start your project?" buttons={[{ text: "Contact Us", href: "#" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterBase logoText="Webild" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />