Merge version_1 into main #2
203
src/app/page.tsx
203
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="My Page"
|
||||
/>
|
||||
@@ -56,17 +44,11 @@ export default function LandingPage() {
|
||||
logoText="My Page"
|
||||
description="Welcome to our professional online space. We provide high-quality services designed to elevate your digital presence and drive meaningful engagement."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Learn More", href: "#about" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-office-desk-arrangement_23-2148707945.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-office-desk-arrangement_23-2148707945.jpg"
|
||||
imageAlt="Hero representation of our professional services"
|
||||
/>
|
||||
</div>
|
||||
@@ -76,21 +58,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Projects Completed",
|
||||
value: "1.2K",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
{ icon: Users, label: "Satisfied Clients", value: "500+" },
|
||||
{ icon: Zap, label: "Projects Completed", value: "1.2K" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -103,55 +73,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Deep insights into your performance metrics with real-time tracking.",
|
||||
icon: BarChart,
|
||||
title: "Advanced Analytics", description: "Deep insights into your performance metrics with real-time tracking.", icon: BarChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_23-2149057415.jpg?_wi=1",
|
||||
imageAlt: "Analytics feature illustration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_23-2149057415.jpg?_wi=2",
|
||||
imageAlt: "Analytics feature secondary",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-office-desk-arrangement_23-2148707945.jpg?_wi=2",
|
||||
imageAlt: "professional business workspace clean",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_23-2149057415.jpg", imageAlt: "Analytics feature illustration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_23-2149057415.jpg", imageAlt: "Analytics feature secondary" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Global Connectivity",
|
||||
description: "Seamless integration with global networks and partner ecosystems.",
|
||||
icon: Globe,
|
||||
title: "Global Connectivity", description: "Seamless integration with global networks and partner ecosystems.", icon: Globe,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/tech-background-abstract-lines-points_1035-4447.jpg?_wi=1",
|
||||
imageAlt: "Connectivity illustration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/tech-background-abstract-lines-points_1035-4447.jpg?_wi=2",
|
||||
imageAlt: "Connectivity secondary",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-summer-people-emotions-concept-cheeky-satisfied-male-customer-basic-white-t-shirt-winking-smiling-encourage-give-try-recommend-product-with-thumbs-up-yellow-background_1258-60025.jpg?_wi=1",
|
||||
imageAlt: "portrait happy customer professional",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/tech-background-abstract-lines-points_1035-4447.jpg", imageAlt: "Connectivity illustration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/tech-background-abstract-lines-points_1035-4447.jpg", imageAlt: "Connectivity secondary" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Intelligent Automation",
|
||||
description: "Automate your daily workflows to save time and boost productivity.",
|
||||
icon: Database,
|
||||
title: "Intelligent Automation", description: "Automate your daily workflows to save time and boost productivity.", icon: Database,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16275.jpg?_wi=1",
|
||||
imageAlt: "Automation illustration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16275.jpg?_wi=2",
|
||||
imageAlt: "Automation secondary",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg?_wi=1",
|
||||
imageAlt: "portrait successful professional woman",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16275.jpg", imageAlt: "Automation illustration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16275.jpg", imageAlt: "Automation secondary" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -165,41 +105,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
testimonial: "Exceptional service and professional approach. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-summer-people-emotions-concept-cheeky-satisfied-male-customer-basic-white-t-shirt-winking-smiling-encourage-give-try-recommend-product-with-thumbs-up-yellow-background_1258-60025.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Anderson",
|
||||
role: "Marketing Director",
|
||||
testimonial: "They truly understand our brand vision and delivered results fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Manager",
|
||||
testimonial: "A reliable partner for all our digital growth initiatives.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6859.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Smith",
|
||||
role: "Founder",
|
||||
testimonial: "Quality work that exceeded our expectations consistently.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2358.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wilson",
|
||||
role: "Product Lead",
|
||||
testimonial: "Absolutely stellar support and clear communication throughout the project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-summer-people-emotions-concept-cheeky-satisfied-male-customer-basic-white-t-shirt-winking-smiling-encourage-give-try-recommend-product-with-thumbs-up-yellow-background_1258-60025.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO", testimonial: "Exceptional service and professional approach. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-summer-people-emotions-concept-cheeky-satisfied-male-customer-basic-white-t-shirt-winking-smiling-encourage-give-try-recommend-product-with-thumbs-up-yellow-background_1258-60025.jpg" },
|
||||
{ id: "2", name: "James Anderson", role: "Marketing Director", testimonial: "They truly understand our brand vision and delivered results fast.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg" },
|
||||
{ id: "3", name: "Emily Chen", role: "Manager", testimonial: "A reliable partner for all our digital growth initiatives.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6859.jpg" },
|
||||
{ id: "4", name: "Robert Smith", role: "Founder", testimonial: "Quality work that exceeded our expectations consistently.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2358.jpg" },
|
||||
{ id: "5", name: "David Wilson", role: "Product Lead", testimonial: "Absolutely stellar support and clear communication throughout the project.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-summer-people-emotions-concept-cheeky-satisfied-male-customer-basic-white-t-shirt-winking-smiling-encourage-give-try-recommend-product-with-thumbs-up-yellow-background_1258-60025.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Don't just take our word for it—hear from some of the people who trust us with their projects."
|
||||
@@ -210,21 +120,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I get started?",
|
||||
content: "Getting started is easy, just contact our team for a consultation.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What services do you offer?",
|
||||
content: "We offer comprehensive digital solutions ranging from strategy to implementation.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there support available?",
|
||||
content: "Yes, we provide 24/7 dedicated support to ensure your success.",
|
||||
},
|
||||
{ id: "q1", title: "How do I get started?", content: "Getting started is easy, just contact our team for a consultation." },
|
||||
{ id: "q2", title: "What services do you offer?", content: "We offer comprehensive digital solutions ranging from strategy to implementation." },
|
||||
{ id: "q3", title: "Is there support available?", content: "Yes, we provide 24/7 dedicated support to ensure your success." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need clarity? We have answered the most frequent questions below."
|
||||
@@ -235,47 +133,26 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to take the next step with us? Our doors are open and we are excited to work together on your goals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@mypage.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Email Us", href: "mailto:info@mypage.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-office-desk-arrangement_23-2148707945.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-office-desk-arrangement_23-2148707945.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Explore", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -284,4 +161,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user