Merge version_4 into main #11

Merged
bender merged 1 commits from version_4 into main 2026-05-10 20:34:25 +00:00

View File

@@ -27,91 +27,114 @@ export default function WebAgency2Page() {
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="WebOrgin"
navItems={[
{ name: "Work", id: "work" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
/>
<HeroCentered
title="We Build Digital Experiences at WebOrgin"
description="Stop just building websites. We engineer high-performance digital platforms at WebOrgin, designed specifically to accelerate your revenue growth and dominate your market."
background={{ variant: "canvas-reveal" }}
/>
<FeatureCardTwentyFour
title="Our WebOrgin Services"
description="We offer a full suite of digital services to help your brand stand out online."
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
features={[
{ id: "f1", title: "SEO", author: "Team", description: "High-performance rankings", tags: ["Marketing"], imageSrc: "http://img.b2bpic.net/free-photo/glowing-green-checkmark-success-symbol-dark-cosmic-background_84443-91492.jpg" },
{ id: "f2", title: "Web Development", author: "Team", description: "Scalable architecture", tags: ["Tech"], imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104516.jpg" },
{ id: "f3", title: "Brand Strategy", author: "Team", description: "Memorable identity", tags: ["Design"], imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-nice-decorative-cosmetics_23-2147742653.jpg" }
]}
/>
<TestimonialCardThirteen
title="Client Success"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
showRating={true}
testimonials={[
{ id: "t1", name: "Creative Director", handle: "@leader", testimonial: "WebOrgin completely transformed our online presence.", rating: 5 }
]}
/>
<MetricCardSeven
title="Trusted Results"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "p1", value: "150+", title: "Projects", items: ["Precision delivery"] },
{ id: "p2", value: "98%", title: "Satisfaction", items: ["Success rate"] },
{ id: "p3", value: "10+", title: "Years", items: ["Experience"] }
]}
/>
<TeamCardTwo
title="The Experts"
gridVariant="three-columns-all-equal-width"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
members={[
{ id: "t1", name: "Alex Rivers", role: "Lead Developer", description: "Passionate coder", imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg" },
{ id: "t2", name: "Elena Vane", role: "Design Lead", description: "Visionary creative", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
{ id: "t3", name: "Marcus Thorne", role: "Brand Strategist", description: "Strategic mastermind", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg" }
]}
/>
<FaqDouble
title="Frequently Asked Questions"
faqsAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "What makes WebOrgin different?", content: "We focus on high-performance architecture." },
{ id: "f2", title: "How do we begin a project?", content: "Contact us through our form." },
{ id: "f3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance." },
]}
/>
<ContactCenter
title="Let's Build"
description="Ready to elevate your digital footprint?"
tag="Contact"
background={{ variant: "rotated-rays-animated" }}
useInvertedBackground={false}
/>
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About" }, { label: "Work" }] },
{ title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] }
]}
bottomLeftText="© 2024 WebOrgin"
bottomRightText="All rights reserved."
/>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="WebOrgin"
navItems={[
{ name: "Work", id: "work" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
title="We Build Digital Experiences at WebOrgin"
description="Stop just building websites. We engineer high-performance digital platforms at WebOrgin, designed specifically to accelerate your revenue growth and dominate your market."
background={{ variant: "canvas-reveal" }}
avatars={[]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
title="Our WebOrgin Services"
description="We offer a full suite of digital services to help your brand stand out online."
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
features={[
{ id: "f1", title: "SEO", author: "Team", description: "High-performance rankings", tags: ["Marketing"], imageSrc: "http://img.b2bpic.net/free-photo/glowing-green-checkmark-success-symbol-dark-cosmic-background_84443-91492.jpg" },
{ id: "f2", title: "Web Development", author: "Team", description: "Scalable architecture", tags: ["Tech"], imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104516.jpg" },
{ id: "f3", title: "Brand Strategy", author: "Team", description: "Memorable identity", tags: ["Design"], imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-nice-decorative-cosmetics_23-2147742653.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Client Success"
description="What our clients say about our services."
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
showRating={true}
testimonials={[
{ id: "t1", name: "Creative Director", handle: "@leader", testimonial: "WebOrgin completely transformed our online presence.", rating: 5 }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Trusted Results"
description="Key performance indicators we deliver."
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "p1", value: "150+", title: "Projects", items: ["Precision delivery"] },
{ id: "p2", value: "98%", title: "Satisfaction", items: ["Success rate"] },
{ id: "p3", value: "10+", title: "Years", items: ["Experience"] }
]}
/>
</div>
<div id="about" data-section="about">
<TeamCardTwo
title="The Experts"
description="Meet the team behind our success."
gridVariant="three-columns-all-equal-width"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
members={[
{ id: "t1", name: "Alex Rivers", role: "Lead Developer", description: "Passionate coder", imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg" },
{ id: "t2", name: "Elena Vane", role: "Design Lead", description: "Visionary creative", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
{ id: "t3", name: "Marcus Thorne", role: "Brand Strategist", description: "Strategic mastermind", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Common questions about our agency."
faqsAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "What makes WebOrgin different?", content: "We focus on high-performance architecture." },
{ id: "f2", title: "How do we begin a project?", content: "Contact us through our form." },
{ id: "f3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
title="Let's Build"
description="Ready to elevate your digital footprint?"
tag="Contact"
background={{ variant: "rotated-rays-animated" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About" }, { label: "Work" }] },
{ title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] }
]}
bottomLeftText="© 2024 WebOrgin"
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);