bender/069329d5-eff5-46d7-978d-e478444d5703
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #7.
This commit is contained in:
bender
2026-04-23 18:30:23 +00:00
parent a59dea960a 72efd65e5c
commit 9a3d6a4d17
2 changed files with 63 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.tsx
View File

@@ -11,8 +11,8 @@ import { Times_New_Roman } from 'next/font/google';
export const metadata: Metadata = {
title: 'Webild Platform',
description: 'Accelerate your development cycle with our powerful tools.',
title: 'Home Page',
description: 'Welcome to our website',
openGraph: {
"title": "BucioAngelOfficial",
"description": "Systems. Strategies. Solutions.",

72
src/app/page.tsx
View File

@@ -1,4 +1,5 @@
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
@@ -9,38 +10,87 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, Shield, Star, Globe, ArrowRight } from 'lucide-react';
import { ArrowRight, Star, Globe, Zap, CheckCircle, Mail, Phone, MapPin } from 'lucide-react';
const navItems = [
{ name: "Home", id: "/" }
];
export default function Page() {
const navItems = [{ name: "Home", id: "/" }];
return (
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleApple navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial title="Build Faster" description="Accelerate your development cycle with our powerful tools." background={{ variant: "gradient-bars" }} mediaAnimation="slide-up" testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Best service ever!", rating: 5 }]} />
<HeroSplitTestimonial
title="Build your dream"
description="Innovation at your fingertips."
background={{ variant: "gradient-bars" }}
testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Amazing experience!", rating: 5 }]}
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric title="Our Impact" metrics={[{ icon: Zap, label: "Growth", value: "200%" }, { icon: Shield, label: "Trust", value: "99%" }]} metricsAnimation="slide-up" useInvertedBackground={false} />
<AboutMetric
title="Our Impact"
metrics={[{ icon: Zap, label: "Growth", value: "100%" }, { icon: Star, label: "Satisfaction", value: "99%" }]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="startups" data-section="startups">
<FeatureHoverPattern title="Features" description="Discover what makes us unique." animationType="slide-up" features={[{ icon: Star, title: "Automation", description: "Automate your workflow." }, { icon: Globe, title: "Global", description: "Reach users everywhere." }]} textboxLayout="default" useInvertedBackground={false} />
<FeatureHoverPattern
title="Core Features"
description="Everything you need to succeed."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[{ icon: CheckCircle, title: "Speed", description: "Lightning fast performance." }, { icon: Globe, title: "Global", description: "Reach customers everywhere." }]}
/>
</div>
<div id="content" data-section="content">
<ProductCardTwo title="Products" description="Explore our latest offerings." textboxLayout="default" gridVariant="bento-grid" animationType="slide-up" products={[{ id: "1", brand: "Webild", name: "Product Alpha", price: "$99", rating: 5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "2", brand: "Webild", name: "Product Beta", price: "$149", rating: 4, reviewCount: "8", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "3", brand: "Webild", name: "Product Gamma", price: "$199", rating: 5, reviewCount: "15", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }]} useInvertedBackground={false} />
<ProductCardTwo
title="Our Products"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
products={[
{ id: "1", brand: "BrandA", name: "Product A", price: "$10", rating: 5, reviewCount: "10", imageSrc: "https://example.com/a.jpg" },
{ id: "2", brand: "BrandB", name: "Product B", price: "$20", rating: 4, reviewCount: "20", imageSrc: "https://example.com/b.jpg" },
{ id: "3", brand: "BrandC", name: "Product C", price: "$30", rating: 5, reviewCount: "30", imageSrc: "https://example.com/c.jpg" }
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardThirteen title="Testimonials" description="What our users say." showRating={true} animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Jane Doe", handle: "@janedoe", testimonial: "Fantastic service!", rating: 5, icon: Star }, { id: "2", name: "John Smith", handle: "@johnsmith", testimonial: "Really helped our business grow.", rating: 5, icon: Star }]} useInvertedBackground={false} />
<TestimonialCardThirteen
showRating={true}
animationType="slide-up"
textboxLayout="default"
testimonials={[{ id: "1", name: "User A", handle: "@userA", testimonial: "Perfect!", rating: 5 }, { id: "2", name: "User B", handle: "@userB", testimonial: "Great quality.", rating: 5 }]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne title="Latest Insights" description="Read our latest updates." textboxLayout="default" animationType="slide-up" blogs={[{ id: "1", category: "News", title: "Growth Trends", excerpt: "How to grow fast in 2025.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }, { id: "2", category: "Guides", title: "Dev Tips", excerpt: "Master your tech stack.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Expert", authorAvatar: "", date: "2025-01-05" }]} useInvertedBackground={false} />
<BlogCardOne
title="Latest News"
textboxLayout="default"
animationType="slide-up"
blogs={[
{ id: "1", category: "Updates", title: "New Features", excerpt: "Read about our latest update.", imageSrc: "https://example.com/blog1.jpg", authorName: "Admin", authorAvatar: "", date: "2025-01-01" },
{ id: "2", category: "Tech", title: "Future Tech", excerpt: "Exploring the future.", imageSrc: "https://example.com/blog2.jpg", authorName: "Admin", authorAvatar: "", date: "2025-01-02" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText text="Get in Touch" background={{ variant: "gradient-bars" }} useInvertedBackground={false} />
<ContactText
text="Get in touch with us."
background={{ variant: "gradient-bars" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard logoText="Webild" socialLinks={[{ icon: ArrowRight, href: "#", ariaLabel: "Twitter" }]} />
<FooterCard
logoText="Webild"
/>
</div>
</ThemeProvider>
);