Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-30 04:58:07 +00:00

View File

@@ -33,35 +33,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Insights",
id: "#metrics",
},
name: "Insights", id: "#metrics"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQs",
id: "#faq",
},
name: "FAQs", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="GlassUI"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -70,115 +56,63 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
title="Experience the Future with GlassUI."
description="Our innovative platform brings the elegance of iOS 26's glass effect to your digital experience, combining stunning visuals with seamless functionality."
testimonials={[
{
name: "Sarah Johnson",
handle: "@sarah_j",
testimonial: "The GlassUI experience is simply breathtaking. It's fluid, intuitive, and truly next-gen. My productivity has soared!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
name: "Sarah Johnson", handle: "@sarah_j", testimonial: "The GlassUI experience is simply breathtaking. It's fluid, intuitive, and truly next-gen. My productivity has soared!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Sarah Johnson"},
{
name: "Michael Chen",
handle: "@mike.c",
testimonial: "I've never seen such a beautiful and functional interface. The glass effect gives everything a premium feel.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-programmer-indoors_23-2149101154.jpg",
imageAlt: "Michael Chen",
},
name: "Michael Chen", handle: "@mike.c", testimonial: "I've never seen such a beautiful and functional interface. The glass effect gives everything a premium feel.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-programmer-indoors_23-2149101154.jpg", imageAlt: "Michael Chen"},
{
name: "Emily Rodriguez",
handle: "@emily_r",
testimonial: "GlassUI is a game-changer for design and user experience. It sets a new standard for modern applications.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586553.jpg",
imageAlt: "Emily Rodriguez",
},
name: "Emily Rodriguez", handle: "@emily_r", testimonial: "GlassUI is a game-changer for design and user experience. It sets a new standard for modern applications.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586553.jpg", imageAlt: "Emily Rodriguez"},
{
name: "David Kim",
handle: "@dave.k",
testimonial: "The attention to detail in GlassUI is phenomenal. It's not just pretty; it's incredibly practical.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-manager-videoconference-call_482257-119336.jpg",
imageAlt: "David Kim",
},
name: "David Kim", handle: "@dave.k", testimonial: "The attention to detail in GlassUI is phenomenal. It's not just pretty; it's incredibly practical.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-manager-videoconference-call_482257-119336.jpg", imageAlt: "David Kim"},
{
name: "Jessica Lee",
handle: "@jessica.l",
testimonial: "Finally, a platform that feels truly modern and intuitive. The glass effect is not just aesthetics, it's about clarity.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg",
imageAlt: "Jessica Lee",
},
name: "Jessica Lee", handle: "@jessica.l", testimonial: "Finally, a platform that feels truly modern and intuitive. The glass effect is not just aesthetics, it's about clarity.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg", imageAlt: "Jessica Lee"},
]}
testimonialRotationInterval={7000}
tag="Introducing"
tagIcon={Sparkles}
buttons={[
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
{
text: "Request Demo",
href: "#contact",
},
text: "Request Demo", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",
alt: "Sarah Johnson",
},
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg", alt: "Sarah Johnson"},
{
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
alt: "Michael Chen",
},
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", alt: "Michael Chen"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
alt: "Emily Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Emily Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/smart-blonde-female-photographer-trendy-clothes-posing-while-leaning-professional-camera-with-tripod-studio-looks-camera-isolated-gray-background_613910-18613.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/smart-blonde-female-photographer-trendy-clothes-posing-while-leaning-professional-camera-with-tripod-studio-looks-camera-isolated-gray-background_613910-18613.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
alt: "Happy business woman in white shirt",
},
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Happy business woman in white shirt"},
]}
avatarText="Join thousands of satisfied users"
imageSrc="http://img.b2bpic.net/free-photo/glass-phone-16-pro-max_187299-46102.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/glass-phone-16-pro-max_187299-46102.jpg"
imageAlt="Modern iOS 26 glass effect dashboard interface"
mediaAnimation="slide-up"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/horizontal-glass-phone-16-pro-max_187299-45887.jpg",
alt: "Horizontal Glass Phone 16 Pro Max",
type: "image", src: "http://img.b2bpic.net/free-photo/horizontal-glass-phone-16-pro-max_187299-45887.jpg", alt: "Horizontal Glass Phone 16 Pro Max"},
{
type: "text-icon", text: "Intuitive Design", icon: Feather,
},
{
type: "text-icon",
text: "Intuitive Design",
icon: Feather,
},
type: "image", src: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg", alt: "Digital dashboard"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
alt: "Digital dashboard",
},
type: "text", text: "Seamless Performance"},
{
type: "text",
text: "Seamless Performance",
},
{
type: "text-icon",
text: "Crystal Clear UI",
icon: Eye,
type: "text-icon", text: "Crystal Clear UI", icon: Eye,
},
]}
/>
@@ -191,11 +125,9 @@ export default function LandingPage() {
title="Redefining Digital Interaction with Seamless Glass Aesthetics"
buttons={[
{
text: "Our Vision",
href: "#",
},
text: "Our Vision", href: "#"},
]}
description="GlassUI is at the forefront of user experience design, blending the latest in interface technology with an intuitive, visually stunning aesthetic. Our platform is built on principles of clarity, efficiency, and beauty, inspired by the fluid and responsive nature of modern mobile operating systems. We believe your digital tools should be as elegant as they are powerful."
/>
</div>
@@ -206,46 +138,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Global Connectivity",
description: "Experience unparalleled global reach and seamless integration with our robust network infrastructure.",
bentoComponent: "globe",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-drawing-graph-transparent-glass-board_23-2147899742.jpg",
imageAlt: "3D glass globe data network",
},
title: "Global Connectivity", description: "Experience unparalleled global reach and seamless integration with our robust network infrastructure.", bentoComponent: "globe",
imageAlt: "3D glass globe data network"},
{
title: "Dynamic Insights",
description: "Gain real-time, actionable insights with our visually rich and interactive data analytics tools.",
bentoComponent: "animated-bar-chart",
imageSrc: "http://img.b2bpic.net/free-photo/glass-phone-16-pro-max_187299-46102.jpg?_wi=2",
imageAlt: "3D glass globe data network",
},
title: "Dynamic Insights", description: "Gain real-time, actionable insights with our visually rich and interactive data analytics tools.", bentoComponent: "animated-bar-chart",
imageAlt: "3D glass globe data network"},
{
title: "Streamlined Workflow",
description: "Simplify complex tasks and boost your team's efficiency with our intuitive, intelligent workflow solutions.",
bentoComponent: "3d-stack-cards",
items: [
title: "Streamlined Workflow", description: "Simplify complex tasks and boost your team's efficiency with our intuitive, intelligent workflow solutions.", bentoComponent: "3d-stack-cards", items: [
{
icon: CheckCircle,
title: "Task Automation",
subtitle: "Automate repetitive tasks",
detail: "Set up rules to automatically handle routine actions, freeing up your team's time for more strategic work.",
},
title: "Task Automation", subtitle: "Automate repetitive tasks", detail: "Set up rules to automatically handle routine actions, freeing up your team's time for more strategic work."},
{
icon: Settings,
title: "Customizable Dashboards",
subtitle: "Tailor your workspace",
detail: "Design dashboards that reflect your unique needs, bringing critical information and tools to the forefront.",
},
title: "Customizable Dashboards", subtitle: "Tailor your workspace", detail: "Design dashboards that reflect your unique needs, bringing critical information and tools to the forefront."},
{
icon: Cloud,
title: "Cloud Sync",
subtitle: "Access anywhere, anytime",
detail: "Keep all your data and projects perfectly synchronized across devices, ensuring you're always up-to-date.",
},
title: "Cloud Sync", subtitle: "Access anywhere, anytime", detail: "Keep all your data and projects perfectly synchronized across devices, ensuring you're always up-to-date."},
],
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2",
imageAlt: "3D glass globe data network",
},
imageAlt: "3D glass globe data network"},
]}
title="Unleash the Power of Transparency and Precision"
description="Our features are crafted to bring you a crystal-clear advantage, offering innovative tools that blend seamlessly with your operations, delivering performance you can see through."
@@ -261,29 +172,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Uptime Reliability",
description: "Our infrastructure ensures your services are always available, providing unmatched stability.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-bokeh-background_1017-3401.jpg",
imageAlt: "High-speed data processing visualization",
},
id: "m1", value: "99.9%", title: "Uptime Reliability", description: "Our infrastructure ensures your services are always available, providing unmatched stability.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-bokeh-background_1017-3401.jpg", imageAlt: "High-speed data processing visualization"},
{
id: "m2",
value: "2.5M+",
title: "Active Users",
description: "A rapidly growing community trusts GlassUI for their daily digital needs and interactions.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458984.jpg",
imageAlt: "User engagement metrics on transparent screen",
},
id: "m2", value: "2.5M+", title: "Active Users", description: "A rapidly growing community trusts GlassUI for their daily digital needs and interactions.", imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458984.jpg", imageAlt: "User engagement metrics on transparent screen"},
{
id: "m3",
value: "Top Tier",
title: "Security Protocol",
description: "Advanced encryption and robust security measures protect your data around the clock.",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-protection-concept-shield-data-stream_23-2151997011.jpg",
imageAlt: "Stylized digital shield icon",
},
id: "m3", value: "Top Tier", title: "Security Protocol", description: "Advanced encryption and robust security measures protect your data around the clock.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-protection-concept-shield-data-stream_23-2151997011.jpg", imageAlt: "Stylized digital shield icon"},
]}
title="Transparent Performance, Measurable Impact"
description="At GlassUI, we believe in open communication and verifiable success. Our metrics showcase our commitment to excellence and the tangible benefits our users experience every day."
@@ -298,73 +191,31 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Olivia Smith",
role: "Lead Developer",
company: "Tech Innovators",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
imageAlt: "Olivia Smith",
},
id: "1", name: "Olivia Smith", role: "Lead Developer", company: "Tech Innovators", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg", imageAlt: "Olivia Smith"},
{
id: "2",
name: "Liam Jones",
role: "Product Owner",
company: "Digital Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-13764.jpg",
imageAlt: "Liam Jones",
},
id: "2", name: "Liam Jones", role: "Product Owner", company: "Digital Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-13764.jpg", imageAlt: "Liam Jones"},
{
id: "3",
name: "Ava Williams",
role: "Head of UX",
company: "Creative Minds",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
imageAlt: "Ava Williams",
},
id: "3", name: "Ava Williams", role: "Head of UX", company: "Creative Minds", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", imageAlt: "Ava Williams"},
{
id: "4",
name: "Noah Brown",
role: "CEO",
company: "Future Systems Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-photographer-female-dressed-black-leather-jacket-holds-professional-digital-camera-tripod_613910-199.jpg",
imageAlt: "Noah Brown",
},
id: "4", name: "Noah Brown", role: "CEO", company: "Future Systems Inc.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-photographer-female-dressed-black-leather-jacket-holds-professional-digital-camera-tripod_613910-199.jpg", imageAlt: "Noah Brown"},
{
id: "5",
name: "Sophia Davis",
role: "Senior Analyst",
company: "Data Insights Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-writing-notes-using-computer_171337-15785.jpg",
imageAlt: "Sophia Davis",
},
id: "5", name: "Sophia Davis", role: "Senior Analyst", company: "Data Insights Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-writing-notes-using-computer_171337-15785.jpg", imageAlt: "Sophia Davis"},
{
id: "6",
name: "Jackson Garcia",
role: "CTO",
company: "Global Tech Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-construction-plan-copy-space_23-2148269820.jpg",
imageAlt: "Jackson Garcia",
},
id: "6", name: "Jackson Garcia", role: "CTO", company: "Global Tech Corp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-construction-plan-copy-space_23-2148269820.jpg", imageAlt: "Jackson Garcia"},
]}
kpiItems={[
{
value: "98%",
label: "Customer Satisfaction",
},
value: "98%", label: "Customer Satisfaction"},
{
value: "4.9/5",
label: "Average Rating",
},
value: "4.9/5", label: "Average Rating"},
{
value: "50K+",
label: "Positive Reviews",
},
value: "50K+", label: "Positive Reviews"},
]}
title="What Our Users See Through GlassUI"
description="Our customers are at the heart of everything we do. Read how GlassUI is transforming their workflow and enhancing their digital experience with unparalleled clarity and design."
@@ -378,16 +229,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"QuantumFlow",
"InsightLens",
"NeuralSynth",
"SkyCompute",
"CodeCanvas",
"FortressGuard",
"ApexWealth",
"DataBridge",
"InnovateAI",
]}
"QuantumFlow", "InsightLens", "NeuralSynth", "SkyCompute", "CodeCanvas", "FortressGuard", "ApexWealth", "DataBridge", "InnovateAI"]}
title="Trusted by Visionaries"
description="GlassUI is the platform of choice for leading innovators and industry giants who demand clarity, performance, and cutting-edge design."
tag="Our Partners"
@@ -399,25 +241,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What is the 'glass effect' in GlassUI?",
content: "The 'glass effect' in GlassUI refers to our unique design language inspired by iOS 26, featuring frosted, transparent, and layered UI elements. It creates a sense of depth and modernity, making your digital experience more intuitive and visually appealing.",
},
id: "faq1", title: "What is the 'glass effect' in GlassUI?", content: "The 'glass effect' in GlassUI refers to our unique design language inspired by iOS 26, featuring frosted, transparent, and layered UI elements. It creates a sense of depth and modernity, making your digital experience more intuitive and visually appealing."},
{
id: "faq2",
title: "Is GlassUI compatible with all devices?",
content: "GlassUI is designed with responsiveness in mind, ensuring a seamless and beautiful experience across a wide range of devices, including desktops, tablets, and mobile phones. Our adaptive design scales perfectly to any screen size.",
},
id: "faq2", title: "Is GlassUI compatible with all devices?", content: "GlassUI is designed with responsiveness in mind, ensuring a seamless and beautiful experience across a wide range of devices, including desktops, tablets, and mobile phones. Our adaptive design scales perfectly to any screen size."},
{
id: "faq3",
title: "How does GlassUI enhance productivity? ",
content: "By providing a clean, distraction-free interface with intuitive navigation and efficient workflows, GlassUI helps you focus on what matters most. The visual clarity reduces cognitive load, allowing for quicker decision-making and improved efficiency.",
},
id: "faq3", title: "How does GlassUI enhance productivity? ", content: "By providing a clean, distraction-free interface with intuitive navigation and efficient workflows, GlassUI helps you focus on what matters most. The visual clarity reduces cognitive load, allowing for quicker decision-making and improved efficiency."},
{
id: "faq4",
title: "Can I customize the glass effect?",
content: "While the core glass effect is integral to the GlassUI brand, our platform offers various customization options for themes, layouts, and component configurations, allowing you to personalize your workspace within the elegant GlassUI aesthetic.",
},
id: "faq4", title: "Can I customize the glass effect?", content: "While the core glass effect is integral to the GlassUI brand, our platform offers various customization options for themes, layouts, and component configurations, allowing you to personalize your workspace within the elegant GlassUI aesthetic."},
]}
sideTitle="Crystal Clear Answers"
sideDescription="Find answers to the most common questions about GlassUI, its unique design, and how it can elevate your digital experience."
@@ -429,8 +259,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Connect with Us"
title="Experience GlassUI for Yourself"
description="Ready to see how GlassUI's elegant, glass-inspired design can transform your digital presence? Get in touch with our team for a personalized demo."
@@ -450,83 +279,49 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Integrations",
href: "#",
},
label: "Integrations", href: "#"},
{
label: "Pricing",
href: "#",
},
label: "Pricing", href: "#"},
{
label: "Updates",
href: "#",
},
label: "Updates", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Press",
href: "#",
},
label: "Press", href: "#"},
{
label: "Partners",
href: "#social-proof",
},
label: "Partners", href: "#social-proof"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Help Center",
href: "#",
},
label: "Help Center", href: "#"},
{
label: "Contact Sales",
href: "#contact",
},
label: "Contact Sales", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Security",
href: "#",
},
label: "Security", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}
@@ -537,4 +332,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}