Merge version_2 into main #10
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user