Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
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="NeoSites"
|
||||
/>
|
||||
@@ -57,69 +45,19 @@ export default function LandingPage() {
|
||||
title="NeoSites: Luxury Digital Excellence"
|
||||
description="We build high-converting, premium digital experiences that define your brand and captivate your audience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmet Y.",
|
||||
handle: "@ahmet",
|
||||
testimonial: "Harika ürünleri ile herzamanki gibi mükemmel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-black-clothes-stands-grey-wall-holds-tree-branch_8353-7851.jpg?_wi=1",
|
||||
imageAlt: "luxury tech background dark blue",
|
||||
},
|
||||
{
|
||||
name: "Can M.",
|
||||
handle: "@canm",
|
||||
testimonial: "Güvenildiği kadar varmış. Tek kelimeyle harika.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg?_wi=1",
|
||||
imageAlt: "premium workspace tech office",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena",
|
||||
testimonial: "Absolutely top-tier craftsmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=1",
|
||||
imageAlt: "modern saas dashboard",
|
||||
},
|
||||
{
|
||||
name: "Marcus S.",
|
||||
handle: "@marcus",
|
||||
testimonial: "Exceeded all our digital expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-colleagues-meeting-outside_1262-21161.jpg?_wi=1",
|
||||
imageAlt: "business person portrait studio",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarah",
|
||||
testimonial: "The best investment for our brand.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=1",
|
||||
imageAlt: "executive portrait studio",
|
||||
},
|
||||
{ name: "Ahmet Y.", handle: "@ahmet", testimonial: "Harika ürünleri ile herzamanki gibi mükemmel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-black-clothes-stands-grey-wall-holds-tree-branch_8353-7851.jpg", imageAlt: "luxury tech background dark blue" },
|
||||
{ name: "Can M.", handle: "@canm", testimonial: "Güvenildiği kadar varmış. Tek kelimeyle harika.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg", imageAlt: "premium workspace tech office" },
|
||||
{ name: "Elena R.", handle: "@elena", testimonial: "Absolutely top-tier craftsmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", imageAlt: "modern saas dashboard" },
|
||||
{ name: "Marcus S.", handle: "@marcus", testimonial: "Exceeded all our digital expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-colleagues-meeting-outside_1262-21161.jpg", imageAlt: "business person portrait studio" },
|
||||
{ name: "Sarah L.", handle: "@sarah", testimonial: "The best investment for our brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", imageAlt: "executive portrait studio" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pregnant-woman-black-clothes-stands-grey-wall-holds-tree-branch_8353-7851.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pregnant-woman-black-clothes-stands-grey-wall-holds-tree-branch_8353-7851.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-business-colleagues-meeting-outside_1262-21161.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-dressed-jacket-glasses-poses-pink-with-serious-emotions-clasped-hands_291650-1132.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-successful-business-colleagues-meeting-outside_1262-21161.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-dressed-jacket-glasses-poses-pink-with-serious-emotions-clasped-hands_291650-1132.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Join 500+ happy clients"
|
||||
/>
|
||||
@@ -131,16 +69,10 @@ export default function LandingPage() {
|
||||
title="Crafting Your Digital Future"
|
||||
description="At NeoSites, we don't just build websites; we craft digital identities that resonate with your customers. Trust and quality are at our core."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support Ready",
|
||||
},
|
||||
{ value: "100%", title: "Client Satisfaction" },
|
||||
{ value: "24/7", title: "Support Ready" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -153,49 +85,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "High Performance",
|
||||
description: "Lightning fast load times to keep your visitors engaged.",
|
||||
icon: Zap,
|
||||
title: "High Performance", description: "Lightning fast load times to keep your visitors engaged.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-dressed-jacket-glasses-poses-pink-with-serious-emotions-clasped-hands_291650-1132.jpg?_wi=1",
|
||||
imageAlt: "creative manager portrait",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Mobile First",
|
||||
description: "Perfectly optimized for every device, every screen.",
|
||||
icon: Smartphone,
|
||||
title: "Mobile First", description: "Perfectly optimized for every device, every screen.", icon: Smartphone,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=5",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=1",
|
||||
imageAlt: "happy business owner portrait",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Premium Security",
|
||||
description: "Enterprise-grade protection for your peace of mind.",
|
||||
icon: Shield,
|
||||
title: "Premium Security", description: "Enterprise-grade protection for your peace of mind.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=7",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=1",
|
||||
imageAlt: "client portrait office background",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -210,21 +118,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
description: "Successful Launches",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
description: "Retention Rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10ms",
|
||||
description: "Avg Response Time",
|
||||
},
|
||||
{ id: "m1", value: "50+", description: "Successful Launches" },
|
||||
{ id: "m2", value: "99%", description: "Retention Rate" },
|
||||
{ id: "m3", value: "10ms", description: "Avg Response Time" },
|
||||
]}
|
||||
title="Impact In Numbers"
|
||||
description="We let our results do the talking."
|
||||
@@ -237,41 +133,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Client One",
|
||||
handle: "@one",
|
||||
testimonial: "Excellent service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-colleagues-meeting-outside_1262-21161.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Client Two",
|
||||
handle: "@two",
|
||||
testimonial: "Truly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client Three",
|
||||
handle: "@three",
|
||||
testimonial: "Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-dressed-jacket-glasses-poses-pink-with-serious-emotions-clasped-hands_291650-1132.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client Four",
|
||||
handle: "@four",
|
||||
testimonial: "Best in the business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Client Five",
|
||||
handle: "@five",
|
||||
testimonial: "Absolute perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Client One", handle: "@one", testimonial: "Excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-colleagues-meeting-outside_1262-21161.jpg" },
|
||||
{ id: "2", name: "Client Two", handle: "@two", testimonial: "Truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
|
||||
{ id: "3", name: "Client Three", handle: "@three", testimonial: "Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-dressed-jacket-glasses-poses-pink-with-serious-emotions-clasped-hands_291650-1132.jpg" },
|
||||
{ id: "4", name: "Client Four", handle: "@four", testimonial: "Best in the business.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" },
|
||||
{ id: "5", name: "Client Five", handle: "@five", testimonial: "Absolute perfection.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Authentic feedback from our valued partners."
|
||||
@@ -283,35 +149,21 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Simply fill out our contact form and we'll reach out.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the timeline?",
|
||||
content: "Projects usually take 2-4 weeks depending on scope.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide support?",
|
||||
content: "Yes, we offer ongoing maintenance and support plans.",
|
||||
},
|
||||
{ id: "q1", title: "How do we start?", content: "Simply fill out our contact form and we'll reach out." },
|
||||
{ id: "q2", title: "What is the timeline?", content: "Projects usually take 2-4 weeks depending on scope." },
|
||||
{ id: "q3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance and support plans." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your project with NeoSites."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Launch?"
|
||||
description="Contact us today for a free consultation and personalized quote."
|
||||
@@ -323,29 +175,15 @@ export default function LandingPage() {
|
||||
logoText="NeoSites"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user