Merge version_2 into main #10

Merged
bender merged 1 commits from version_2 into main 2026-04-29 19:26:36 +00:00

View File

@@ -21,7 +21,7 @@ const navItems = [
export default function Page() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" 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} brandName="Webild" />
</div>
@@ -31,10 +31,11 @@ export default function Page() {
description="Next-generation digital experiences"
background={{ variant: "animated-grid" }}
mediaItems={[
{ imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe", imageAlt: "Abstract art" },
{ imageSrc: "https://images.unsplash.com/photo-1614850523459-c2f4c699c52e", imageAlt: "Digital art" },
{ imageSrc: "https://images.unsplash.com/photo-1620121692029-d088224ddc74", imageAlt: "Tech art" }
{ imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" },
{ imageSrc: "https://images.unsplash.com/photo-1614850523459-c2f4c699c52e" },
{ imageSrc: "https://images.unsplash.com/photo-1620121692029-d088224ddc74" }
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
@@ -61,6 +62,12 @@ export default function Page() {
textboxLayout="default"
useInvertedBackground={false}
title="Portfolio"
description="Our selected creative work."
products={[
{ id: "p1", name: "Web Design", price: "$500", variant: "Standard", imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe" },
{ id: "p2", name: "Logo Design", price: "$200", variant: "Premium", imageSrc: "https://images.unsplash.com/photo-1614850523459-c2f4c699c52e" },
{ id: "p3", name: "Full Stack", price: "$1000", variant: "Enterprise", imageSrc: "https://images.unsplash.com/photo-1620121692029-d088224ddc74" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
@@ -69,6 +76,7 @@ export default function Page() {
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
description="What our clients say about us."
testimonials={[
{ id: "1", name: "Alex", handle: "@alex", testimonial: "Excellent work!", icon: Globe },
{ id: "2", name: "Sam", handle: "@sam", testimonial: "Highly recommended.", icon: Star }
@@ -79,7 +87,8 @@ export default function Page() {
<MetricCardEleven
title="Our Process"
animationType="blur-reveal"
textboxLayout="default"
description="Efficient workflow for top results."
useInvertedBackground={false}
metrics={[
{ id: "1", value: "100%", title: "Quality", description: "Guaranteed", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71" },
{ id: "2", value: "24/7", title: "Support", description: "Always here", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71" }
@@ -90,6 +99,7 @@ export default function Page() {
<FaqSplitText
faqsAnimation="blur-reveal"
sideTitle="Questions"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "What do you do?", content: "Everything digital." },
{ id: "2", title: "How to contact?", content: "Via the form below." }
@@ -102,6 +112,7 @@ export default function Page() {
title="Get in touch"
description="Let us build something great together."
useInvertedBackground={false}
background={{ variant: "plain" }}
/>
</div>
<div id="footer" data-section="footer">