Merge version_1 into main #1
163
src/app/page.tsx
163
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="WebAgency"
|
||||
/>
|
||||
@@ -52,33 +40,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafting Digital Experiences."
|
||||
description="We are a full-service web agency helping startups build world-class digital platforms with precision and modern design."
|
||||
tag="Trusted Agency"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-49051.jpg",
|
||||
imageAlt: "Digital workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-49051.jpg", imageAlt: "Digital workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-shareholders-look-assembly-lines-blueprints-working-notebook_482257-126515.jpg",
|
||||
imageAlt: "Analytics screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111399.jpg",
|
||||
imageAlt: "Office desk still life",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-keyboard-office-appliances_23-2147830048.jpg",
|
||||
imageAlt: "Workspace with keyboard and office appliances",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-49332.jpg",
|
||||
imageAlt: "Student desk with computer books",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-shareholders-look-assembly-lines-blueprints-working-notebook_482257-126515.jpg", imageAlt: "Analytics screen"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -92,21 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Awards Won",
|
||||
value: "24",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
{ icon: Sparkles, label: "Projects Completed", value: "150+" },
|
||||
{ icon: Award, label: "Awards Won", value: "24" },
|
||||
{ icon: Shield, label: "Client Retention", value: "98%" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -118,60 +76,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "CEO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David",
|
||||
role: "CTO",
|
||||
company: "Dev",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily",
|
||||
role: "PM",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-emotions-lifestyle-concept-dreamy-happy-middle-aged-redhead-woman-blouse-smiling-pleased-looking-left-with-hopeful-gaze-standing-white-background-daydreaming_1258-21478.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark",
|
||||
role: "Founder",
|
||||
company: "Start",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-successful-delighted-good-looking-young-male-with-blue-eyes-beard-smiling-satisfied-as-holding-hands-crossed-chest-being-self-satisfied-achieving-good-income-grey-wall_176420-43212.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane",
|
||||
role: "COO",
|
||||
company: "Apps",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", role: "CEO", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg" },
|
||||
{ id: "2", name: "David", role: "CTO", company: "Dev", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "3", name: "Emily", role: "PM", company: "Growth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-emotions-lifestyle-concept-dreamy-happy-middle-aged-redhead-woman-blouse-smiling-pleased-looking-left-with-hopeful-gaze-standing-white-background-daydreaming_1258-21478.jpg" },
|
||||
{ id: "4", name: "Mark", role: "Founder", company: "Start", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-successful-delighted-good-looking-young-male-with-blue-eyes-beard-smiling-satisfied-as-holding-hands-crossed-chest-being-self-satisfied-achieving-good-income-grey-wall_176420-43212.jpg" },
|
||||
{ id: "5", name: "Jane", role: "COO", company: "Apps", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years exp",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Startups",
|
||||
},
|
||||
{ value: "5.0", label: "Avg Rating" },
|
||||
{ value: "10+", label: "Years exp" },
|
||||
{ value: "50+", label: "Startups" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what our partners have to say about our agency services."
|
||||
@@ -183,27 +97,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About Our Agency"
|
||||
description={[
|
||||
"We believe in data-driven design.",
|
||||
"Our mission is to help brands reach their potential through innovative digital solutions.",
|
||||
]}
|
||||
"We believe in data-driven design.", "Our mission is to help brands reach their potential through innovative digital solutions."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Talk"
|
||||
title="Get Started Today"
|
||||
description="Transform your business with our expertise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,29 +117,15 @@ export default function LandingPage() {
|
||||
logoText="WebAgency"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user