bender/8e30a7d4-b59e-46d1-8125-db534a90ab4d
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-11 06:48:32 +00:00
parent d48938fad7 513e1629a3
commit bddd22c390
2 changed files with 35 additions and 33 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 { Cormorant_Garant } from "next/font/google";
export const metadata: Metadata = {
title: 'Webild | Build Your Future',
description: 'Premium digital experiences built for scale.',
title: 'Webild - Innovative Solutions',
description: 'Professional business solutions tailored for growth.',
openGraph: {
"title": "[FK] | Raw Luxury Art Supplies",
"description": "Professional art materials.",

64
src/app/page.tsx
View File

@@ -8,7 +8,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, Shield, Star, CheckCircle, ArrowRight } from 'lucide-react';
import { Zap, Shield, Star, CheckCircle } from 'lucide-react';
const navItems = [
{ name: 'Home', id: '/' },
@@ -18,64 +18,64 @@ const navItems = [
export default function Page() {
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">
<NavbarStyleCentered navItems={navItems} brandName="Webild" />
<NavbarStyleCentered navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Welcome to Webild"
description="The future of building digital experiences is here."
background={{ variant: "gradient-bars" }}
testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Incredible experience!", rating: 5 }]}
title="Build Your Future"
description="Innovative solutions for modern businesses."
background={{ variant: 'radial-gradient' }}
testimonials={[]}
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
title="Core Features"
description="Powerful tools for your workflow."
animationType="slide-up"
useInvertedBackground={false}
textboxLayout="default"
title="Our Core Features"
description="We deliver excellence through proven methodologies."
features={[
{ icon: Zap, title: "Speed", description: "Lightning fast performance." },
{ icon: Shield, title: "Security", description: "Top-tier safety standards." }
{ icon: Zap, title: 'Speed', description: 'Fast deployment cycles.' },
{ icon: Shield, title: 'Security', description: 'Enterprise-grade protection.' },
{ icon: Star, title: 'Quality', description: 'Best in class standards.' }
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Our Products"
description="Check out our latest innovations."
description="Select from our curated list of professional tools."
products={[
{ id: '1', brand: 'Brand A', name: 'Tool Alpha', price: '$99', rating: 5, reviewCount: '10', imageSrc: '/placeholder.jpg' },
{ id: '2', brand: 'Brand B', name: 'Tool Beta', price: '$149', rating: 4, reviewCount: '25', imageSrc: '/placeholder.jpg' },
{ id: '3', brand: 'Brand C', name: 'Tool Gamma', price: '$199', rating: 5, reviewCount: '50', imageSrc: '/placeholder.jpg' }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Brand A", name: "Product 1", price: "$99", rating: 4, reviewCount: "10", imageSrc: "/img1.jpg" },
{ id: "p2", brand: "Brand B", name: "Product 2", price: "$199", rating: 5, reviewCount: "20", imageSrc: "/img2.jpg" },
{ id: "p3", brand: "Brand C", name: "Product 3", price: "$299", rating: 4, reviewCount: "30", imageSrc: "/img3.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Simply the best platform I have used!"
testimonial="The service provided was exceptional and exceeded our expectations."
rating={5}
author="John Smith"
avatars={[{ src: "/a1.jpg", alt: "User" }]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
author="Jane Doe"
avatars={[{ src: '/avatar.jpg', alt: 'Author' }]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get In Touch"
description="We'd love to hear from you."
title="Get in Touch"
description="We're here to help. Send us a message today."
inputs={[
{ name: "name", type: "text", placeholder: "Name" },
{ name: "email", type: "email", placeholder: "Email" }
{ name: 'name', type: 'text', placeholder: 'Full Name', required: true },
{ name: 'email', type: 'email', placeholder: 'Email Address', required: true }
]}
useInvertedBackground={false}
/>
@@ -83,7 +83,9 @@ export default function Page() {
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Webild"
columns={[{ title: "Company", items: [{ label: "About", href: "/about" }] }]}
columns={[
{ title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Contact', href: '/contact' }] }
]}
/>
</div>
</ThemeProvider>