Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #7.
This commit is contained in:
@@ -5,9 +5,9 @@ import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
|
||||
import { Award, Users, TrendingUp, Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
|
||||
import { Award, Users, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
@@ -27,42 +27,47 @@ export default function AboutPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", href: "#work" },
|
||||
{ name: "Services", href: "/services" },
|
||||
{ name: "Testimonials", href: "#testimonials" },
|
||||
{ name: "About", href: "/about" },
|
||||
{ name: "Contact", href: "/contact" }
|
||||
{ name: "Work", id: "#work" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
|
||||
<div id="history" data-section="history">
|
||||
<AboutMetric
|
||||
<MetricCardSeven
|
||||
title="Our Story: A Journey of Digital Innovation"
|
||||
description="From humble beginnings to a leading digital agency, we've been crafting success stories for over a decade."
|
||||
metrics={[
|
||||
{ icon: Award, label: "Founded", value: "2010" },
|
||||
{ icon: Users, label: "Clients Served", value: "500+" },
|
||||
{ icon: TrendingUp, label: "Years Experience", value: "10+" }
|
||||
{ id: "m1", value: "2010", title: "Founded", items: [] },
|
||||
{ id: "m2", value: "500+", title: "Clients Served", items: [] },
|
||||
{ id: "m3", value: "10+", title: "Years Experience", items: [] }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
<TeamCardEleven
|
||||
title="Meet Our Visionaries"
|
||||
description="Our diverse team of experts is dedicated to bringing your digital dreams to life."
|
||||
members={[
|
||||
{ id: "1", name: "Alice Wonderland", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp?_wi=3", imageAlt: "Alice Wonderland", socialLinks: [{ icon: Linkedin, url: "#" }, { icon: Twitter, url: "#" }] },
|
||||
{ id: "2", name: "Bob The Builder", role: "CTO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp?_wi=2", imageAlt: "Bob The Builder", socialLinks: [{ icon: Linkedin, url: "#" }, { icon: Twitter, url: "#" }] },
|
||||
{ id: "3", name: "Charlie Chaplin", role: "Lead Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp?_wi=2", imageAlt: "Charlie Chaplin", socialLinks: [{ icon: Linkedin, url: "#" }, { icon: Twitter, url: "#" }] },
|
||||
{ id: "4", name: "Diana Prince", role: "Marketing Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp?_wi=1", imageAlt: "Diana Prince", socialLinks: [{ icon: Linkedin, url: "#" }, { icon: Twitter, url: "#" }] }
|
||||
groups={[
|
||||
{
|
||||
id: "group-1", groupTitle: "Leadership Team", members: [
|
||||
{ id: "1", title: "Alice Wonderland", subtitle: "CEO", detail: "Alice leads our vision and strategy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp?_wi=3", imageAlt: "Alice Wonderland" },
|
||||
{ id: "2", title: "Bob The Builder", subtitle: "CTO", detail: "Bob is responsible for our technical innovations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp?_wi=2", imageAlt: "Bob The Builder" },
|
||||
{ id: "3", title: "Charlie Chaplin", subtitle: "Lead Designer", detail: "Charlie crafts captivating user experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp?_wi=2", imageAlt: "Charlie Chaplin" },
|
||||
{ id: "4", title: "Diana Prince", subtitle: "Marketing Lead", detail: "Diana drives our marketing and outreach efforts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp?_wi=1", imageAlt: "Diana Prince" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -3,9 +3,8 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import FeatureCardThree from '@/components/sections/feature/FeatureCardThree';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { ArrowUpRight } from "lucide-react";
|
||||
|
||||
export default function WebAgency2PortfolioPage() {
|
||||
return (
|
||||
@@ -34,13 +33,11 @@ export default function WebAgency2PortfolioPage() {
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardThree
|
||||
<FeatureCardEight
|
||||
title="Our Projects"
|
||||
description="A selection of our recent work across various industries, showcasing our expertise and creativity."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
features={[
|
||||
{
|
||||
title: "Umbra Skincare", description: "Luxury fragrance e-commerce platform with bespoke design and seamless user experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "Umbra Skincare website"
|
||||
@@ -58,8 +55,6 @@ export default function WebAgency2PortfolioPage() {
|
||||
title: "Dubai Real Estate", description: "Showcasing luxury property listings with an elegant, high-performance website for a leading real estate agency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Dubai Real Estate website"
|
||||
}
|
||||
]}
|
||||
buttons={[{ text: "View Case Study", icon: ArrowUpRight, href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<FooterBase
|
||||
|
||||
@@ -26,11 +26,11 @@ export default function ServicesPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", href: "#work" },
|
||||
{ name: "Services", href: "/services" },
|
||||
{ name: "Testimonials", href: "#testimonials" },
|
||||
{ name: "About", href: "/about" },
|
||||
{ name: "Contact", href: "/contact" }
|
||||
{ name: "Work", id: "#work" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
@@ -61,7 +61,6 @@ export default function ServicesPage() {
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user