Merge version_1 into main #1
325
src/app/page.tsx
325
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Work", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="A&Z Agency"
|
||||
/>
|
||||
@@ -54,109 +42,41 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevating Digital Identity"
|
||||
description="A&Z crafts high-performance, visually stunning websites tailored for modern businesses ready to scale in the digital era."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-abstract-sphere-illuminates-dark-backdrop-generated-by-ai_188544-11877.jpg",
|
||||
imageAlt: "modern tech background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-smart-technology-holographic-interface_53876-98409.jpg",
|
||||
imageAlt: "digital interface design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background-with-plexus-design_1048-18865.jpg",
|
||||
imageAlt: "modern tech background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-businessman-doing-sport-with-stats_23-2150040521.jpg",
|
||||
imageAlt: "digital interface design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-low-poly-with-connecting-lines-dots_1048-12439.jpg",
|
||||
imageAlt: "modern tech background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vibrant-abstract-sphere-illuminates-dark-backdrop-generated-by-ai_188544-11877.jpg", imageAlt: "modern tech background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-smart-technology-holographic-interface_53876-98409.jpg", imageAlt: "digital interface design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background-with-plexus-design_1048-18865.jpg", imageAlt: "modern tech background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-businessman-doing-sport-with-stats_23-2150040521.jpg", imageAlt: "digital interface design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-low-poly-with-connecting-lines-dots_1048-12439.jpg", imageAlt: "modern tech background" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",
|
||||
imageAlt: "digital interface design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-tablet-executives-discussing-strategies_482257-126500.jpg",
|
||||
imageAlt: "digital interface design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-glasses-liquid-with-shadow-yellow-background_23-2147949153.jpg",
|
||||
imageAlt: "modern tech background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg",
|
||||
imageAlt: "digital interface design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg",
|
||||
imageAlt: "modern tech background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg", imageAlt: "digital interface design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-tablet-executives-discussing-strategies_482257-126500.jpg", imageAlt: "digital interface design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-glasses-liquid-with-shadow-yellow-background_23-2147949153.jpg", imageAlt: "modern tech background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg", imageAlt: "digital interface design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg", imageAlt: "modern tech background" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Portfolio", href: "#products" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "Happy young professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
alt: "Smiling Business Woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg",
|
||||
alt: "Cheerful young businesswoman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
alt: "Business Leader",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
|
||||
alt: "Senior Businessman",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Happy young professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Smiling Business Woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg", alt: "Cheerful young businesswoman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Business Leader" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg", alt: "Senior Businessman" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth",
|
||||
},
|
||||
{ type: "text", text: "Innovation" },
|
||||
{ type: "text", text: "Scalability" },
|
||||
{ type: "text", text: "Performance" },
|
||||
{ type: "text", text: "Design" },
|
||||
{ type: "text", text: "Growth" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,10 +86,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built for Growth"
|
||||
description={[
|
||||
"At A&Z, we bridge the gap between complex code and seamless user experiences.",
|
||||
"Our mission is to help businesses transition into powerful, high-conversion digital spaces that represent their true value.",
|
||||
"We focus on performance, scalability, and aesthetic precision in every line we deploy.",
|
||||
]}
|
||||
"At A&Z, we bridge the gap between complex code and seamless user experiences.", "Our mission is to help businesses transition into powerful, high-conversion digital spaces that represent their true value.", "We focus on performance, scalability, and aesthetic precision in every line we deploy."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,30 +98,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Web Design",
|
||||
description: "Beautiful layouts tailored to your unique identity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-technology-green-background-with-computer-microchip-remixed-media_53876-108533.jpg",
|
||||
},
|
||||
title: "Custom Web Design", description: "Beautiful layouts tailored to your unique identity.", imageSrc: "http://img.b2bpic.net/free-photo/data-technology-green-background-with-computer-microchip-remixed-media_53876-108533.jpg"},
|
||||
{
|
||||
title: "Responsive Performance",
|
||||
description: "Fast-loading, optimized code across all device types.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416730.jpg",
|
||||
},
|
||||
title: "Responsive Performance", description: "Fast-loading, optimized code across all device types.", imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416730.jpg"},
|
||||
{
|
||||
title: "Growth Analytics",
|
||||
description: "Data-backed decision making for your digital presence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
|
||||
},
|
||||
title: "Growth Analytics", description: "Data-backed decision making for your digital presence.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg"},
|
||||
{
|
||||
title: "API Integration",
|
||||
description: "Seamlessly connect your tools to your web portal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-keyboard_53876-30489.jpg",
|
||||
},
|
||||
title: "API Integration", description: "Seamlessly connect your tools to your web portal.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-keyboard_53876-30489.jpg"},
|
||||
{
|
||||
title: "Cloud Infrastructure",
|
||||
description: "Reliable and scalable hosting for any traffic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg",
|
||||
},
|
||||
title: "Cloud Infrastructure", description: "Reliable and scalable hosting for any traffic.", imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg"},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Comprehensive digital development solutions designed for the modern landscape."
|
||||
@@ -213,45 +115,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Enterprise Portal",
|
||||
price: "Custom",
|
||||
variant: "Web System",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-sales-landing-page_23-2148323856.jpg",
|
||||
},
|
||||
id: "p1", name: "Enterprise Portal", price: "Custom", variant: "Web System", imageSrc: "http://img.b2bpic.net/free-vector/abstract-sales-landing-page_23-2148323856.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Global Retail Store",
|
||||
price: "Custom",
|
||||
variant: "E-Commerce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-sale-app_23-2151952980.jpg",
|
||||
},
|
||||
id: "p2", name: "Global Retail Store", price: "Custom", variant: "E-Commerce", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-sale-app_23-2151952980.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brand Campaign App",
|
||||
price: "Custom",
|
||||
variant: "Mobile/Web",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-black-hands-holding-electronic-devices_107791-16647.jpg",
|
||||
},
|
||||
id: "p3", name: "Brand Campaign App", price: "Custom", variant: "Mobile/Web", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-black-hands-holding-electronic-devices_107791-16647.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tech Hub Site",
|
||||
price: "Custom",
|
||||
variant: "Landing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-glowing-screen-notepad-table-night_169016-53665.jpg",
|
||||
},
|
||||
id: "p4", name: "Tech Hub Site", price: "Custom", variant: "Landing", imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-glowing-screen-notepad-table-night_169016-53665.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Startup Dashboard",
|
||||
price: "Custom",
|
||||
variant: "SaaS UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-with-white-background_187299-39965.jpg",
|
||||
},
|
||||
id: "p5", name: "Startup Dashboard", price: "Custom", variant: "SaaS UI", imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-with-white-background_187299-39965.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Showcasing our recent high-impact web development projects."
|
||||
@@ -264,45 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible Results",
|
||||
quote: "A&Z transformed our vision into reality perfectly.",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "t1", title: "Incredible Results", quote: "A&Z transformed our vision into reality perfectly.", name: "Sarah Miller", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top Tier Agency",
|
||||
quote: "The speed and design quality were beyond expectation.",
|
||||
name: "John Doe",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
|
||||
},
|
||||
id: "t2", title: "Top Tier Agency", quote: "The speed and design quality were beyond expectation.", name: "John Doe", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly Recommend",
|
||||
quote: "Our sales increased significantly after the redesign.",
|
||||
name: "Alice Wang",
|
||||
role: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg",
|
||||
},
|
||||
id: "t3", title: "Highly Recommend", quote: "Our sales increased significantly after the redesign.", name: "Alice Wang", role: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Perfect Collaboration",
|
||||
quote: "Professional, fast, and highly creative team.",
|
||||
name: "Mark Evans",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/succesful-businesswomen-giving-high-five_53876-15136.jpg",
|
||||
},
|
||||
id: "t4", title: "Perfect Collaboration", quote: "Professional, fast, and highly creative team.", name: "Mark Evans", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/succesful-businesswomen-giving-high-five_53876-15136.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Game Changer",
|
||||
quote: "Best tech investment we have made this year.",
|
||||
name: "Clara Z.",
|
||||
role: "VP Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
id: "t5", title: "Game Changer", quote: "Best tech investment we have made this year.", name: "Clara Z.", role: "VP Tech", imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Read what our partners say about our design and development services."
|
||||
@@ -313,15 +161,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Netflix",
|
||||
"Tesla",
|
||||
"NVIDIA",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Apple", "Amazon", "Netflix", "Tesla", "NVIDIA"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with leading innovators worldwide."
|
||||
/>
|
||||
@@ -332,31 +172,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you start?",
|
||||
content: "We begin with a discovery phase to align on goals.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the timeline?",
|
||||
content: "Projects typically range from 4 to 12 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you support after launch?",
|
||||
content: "Yes, we offer ongoing maintenance and growth support.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you work with startups?",
|
||||
content: "Absolutely, we specialize in helping early-stage ventures.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Is the code proprietary?",
|
||||
content: "You own 100% of the code upon project completion.",
|
||||
},
|
||||
{ id: "q1", title: "How do you start?", content: "We begin with a discovery phase to align on goals." },
|
||||
{ id: "q2", title: "What is the timeline?", content: "Projects typically range from 4 to 12 weeks." },
|
||||
{ id: "q3", title: "Do you support after launch?", content: "Yes, we offer ongoing maintenance and growth support." },
|
||||
{ id: "q4", title: "Do you work with startups?", content: "Absolutely, we specialize in helping early-stage ventures." },
|
||||
{ id: "q5", title: "Is the code proprietary?", content: "You own 100% of the code upon project completion." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -367,9 +187,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Let's Talk"
|
||||
title="Ready to launch your site?"
|
||||
description="Join our newsletter and start building your future today."
|
||||
@@ -381,42 +199,21 @@ export default function LandingPage() {
|
||||
logoText="A&Z Agency"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Agency", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Development",
|
||||
href: "#",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Design", href: "#" },
|
||||
{ label: "Development", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -425,4 +222,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user