bender/c26ef7f5-6616-4399-a970-e64b04e17560
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

10 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
2c506117c7 Update src/app/page.tsx 2026-04-08 09:10:33 +00:00
bender
fde1e1e17a Update src/app/page.tsx 2026-04-08 09:10:02 +00:00
bender
8589a875f5 Update src/app/page.tsx 2026-04-08 09:09:33 +00:00
bender
4499f85f11 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 09:02:53 +00:00
bender
050797ecd3 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 09:00:16 +00:00
bender
e070f15b54 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 08:59:47 +00:00
bender
c3ea975eb3 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 08:54:38 +00:00
bender
df2a42ecd2 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 08:51:46 +00:00
bender
4c7f07a4f8 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 08:51:06 +00:00
bender
2683764ba5 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 08:50:34 +00:00
1 changed files with 84 additions and 12 deletions
Expand all files Collapse all files

96
src/app/page.tsx
View File

@@ -7,40 +7,112 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function Page() {
const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
const navItems = [
{ name: 'Home', id: '/' },
{ name: 'About', id: '/about' },
{ name: 'Contact', id: '/contact' }
];
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
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">
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Webild" />
</div>
<div id="hero" data-section="hero">
<HeroBillboard title="Transform Your Digital Presence" description="Modern, scalable, and beautifully designed web solutions for the next generation of brands." background={{ variant: 'animated-grid' }} />
<HeroBillboard
title="Transform Your Digital Presence"
description="Modern, scalable, and beautifully designed web solutions for the next generation of brands."
background={{ variant: 'animated-grid' }}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne names={['Company A', 'Company B', 'Company C']} title="Trusted by industry leaders" description="Joining forces with the best to build tomorrow." textboxLayout="default" useInvertedBackground={false} />
<SocialProofOne
names={['Company A', 'Company B', 'Company C']}
title="Trusted by industry leaders"
description="Joining forces with the best to build tomorrow."
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia animationType="slide-up" title="Core Capabilities" description="Powerful features designed to scale your business." textboxLayout="default" useInvertedBackground={false} features={[{ id: '1', title: 'High Performance', description: 'Optimized for speed and SEO efficiency.', tag: 'Performance' }, { id: '2', title: 'Scalable Architecture', description: 'Built to grow alongside your user base.', tag: 'Scalability' }]} />
<FeatureCardMedia
animationType="slide-up"
title="Core Capabilities"
description="Powerful features designed to scale your business."
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: '1', title: 'High Performance', description: 'Optimized for speed and SEO efficiency.', tag: 'Performance' },
{ id: '2', title: 'Scalable Architecture', description: 'Built to grow alongside your user base.', tag: 'Scalability' }
]}
/>
</div>
<div id="process" data-section="process">
<FeatureCardMedia animationType="slide-up" title="Our Process" description="How we turn ideas into reality." textboxLayout="default" useInvertedBackground={false} features={[{ id: 'p1', title: 'Strategic Planning', description: 'We align our goals with your vision.', tag: 'Phase 1' }, { id: 'p2', title: 'Agile Execution', description: 'Iterative development for maximum efficiency.', tag: 'Phase 2' }]} />
<FeatureCardMedia
animationType="slide-up"
title="Our Process"
description="How we turn ideas into reality."
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: 'p1', title: 'Strategic Planning', description: 'We align our goals with your vision.', tag: 'Phase 1' },
{ id: 'p2', title: 'Agile Execution', description: 'Iterative development for maximum efficiency.', tag: 'Phase 2' }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive title="Client Success Stories" description="See what our partners say about working with us." textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: 't1', name: 'John Doe', date: 'Jan 2025', title: 'Founder, Startup Inc', quote: 'An incredible team that delivered beyond expectations.', tag: 'Client', avatarSrc: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=200&h=200&auto=format&fit=crop' }]} />
<TestimonialCardFive
title="Client Success Stories"
description="See what our partners say about working with us."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: 't1', name: 'John Doe', date: 'Jan 2025', title: 'Founder, Startup Inc', quote: "An incredible team that delivered beyond expectations.", tag: 'Client', avatarSrc: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=200&h=200&auto=format&fit=crop' }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive title="Pricing" description="Simple, transparent pricing plans." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} plans={[{ id: 'basic', tag: 'Start', price: '$49', period: '/mo', description: 'Essential tools for small teams.', button: { text: 'Get Started' }, featuresTitle: 'Includes:', features: ['Feature 1', 'Feature 2'] }, { id: 'pro', tag: 'Growth', price: '$99', period: '/mo', description: 'Advanced features for scaling.', button: { text: 'Go Pro' }, featuresTitle: 'Includes:', features: ['All Basic features', 'Priority Support'] }]} />
<PricingCardFive
title="Pricing"
description="Simple, transparent pricing plans."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: 'basic', tag: 'Start', price: '$49', period: '/mo', description: 'Essential tools for small teams.', button: { text: 'Get Started' }, featuresTitle: 'Includes:', features: ['Feature 1', 'Feature 2'] },
{ id: 'pro', tag: 'Growth', price: '$99', period: '/mo', description: 'Advanced features for scaling.', button: { text: 'Go Pro' }, featuresTitle: 'Includes:', features: ['All Basic features', 'Priority Support'] }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter tag="Connect" title="Get in touch" description="Have a project in mind? We'd love to hear from you." background={{ variant: 'plain' }} useInvertedBackground={false} />
<ContactText
text="Ready to transform your brand identity? Let's build something exceptional together."
background={{ variant: 'radial-gradient' }}
buttons={[{ text: 'Start Project', href: '#contact' }]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase logoText="Webild" columns={[{ title: 'Navigation', items: [{ label: 'Home', href: '/' }, { label: 'About', href: '/about' }] }]} />
<FooterMedia
logoText="Webild"
columns={[{ title: 'Navigation', items: [{ label: 'Home', href: '/' }, { label: 'About', href: '/about' }] }]}
imageSrc="https://images.unsplash.com/photo-1497215728101-856f4ea42174?q=80&w=800&auto=format&fit=crop"
/>
</div>
</ThemeProvider>
);