Merge version_1 into main #2
@@ -30,13 +30,9 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Download",
|
||||
id: "download",
|
||||
},
|
||||
name: "Download", id: "download"},
|
||||
]}
|
||||
brandName="Hazel"
|
||||
/>
|
||||
@@ -45,16 +41,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Hazel"
|
||||
description="A Spiritual Evolution of Connection."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dried-plant-debris-sunlight-shadows-textured-blue-wall_632498-60785.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dried-plant-debris-sunlight-shadows-textured-blue-wall_632498-60785.jpg"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#download",
|
||||
},
|
||||
text: "Get Started", href: "#download"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -66,28 +59,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bubbles",
|
||||
description: "Soft, interactive presence nodes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-plant-debris-sunlight-shadows-textured-blue-wall_632498-60785.jpg?_wi=2",
|
||||
imageAlt: "ethereal white mesh gradient background",
|
||||
title: "Bubbles", description: "Soft, interactive presence nodes.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Visuals",
|
||||
description: "High-fidelity audio visuals.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dry-multicolor-powder-table_23-2147964234.jpg?_wi=1",
|
||||
imageAlt: "glowing golden world map minimalist",
|
||||
title: "Visuals", description: "High-fidelity audio visuals.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Connection",
|
||||
description: "Real-time rhythmic heartbeat.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/theater-stage-with-product-podium-retro-style-curtain-background-3d-illustration-render_1258-108619.jpg?_wi=1",
|
||||
imageAlt: "glass platform pillar hazel glow",
|
||||
title: "Connection", description: "Real-time rhythmic heartbeat.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Presence Grid"
|
||||
@@ -97,16 +75,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="map" data-section="map">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10,000+",
|
||||
title: "Active Hearts",
|
||||
description: "Connecting the globe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dry-multicolor-powder-table_23-2147964234.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", value: "10,000+", title: "Active Hearts", description: "Connecting the globe.", imageSrc: "http://img.b2bpic.net/free-photo/dry-multicolor-powder-table_23-2147964234.jpg"},
|
||||
]}
|
||||
title="World Pulse"
|
||||
description="Global connectivity, mapped in golden light."
|
||||
@@ -121,26 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "win",
|
||||
name: "Windows",
|
||||
price: "Get Started",
|
||||
variant: "Hazel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/theater-stage-with-product-podium-retro-style-curtain-background-3d-illustration-render_1258-108619.jpg?_wi=2",
|
||||
},
|
||||
id: "win", name: "Windows", price: "Get Started", variant: "Hazel", imageSrc: "http://img.b2bpic.net/free-photo/theater-stage-with-product-podium-retro-style-curtain-background-3d-illustration-render_1258-108619.jpg"},
|
||||
{
|
||||
id: "mac",
|
||||
name: "macOS",
|
||||
price: "Get Started",
|
||||
variant: "Hazel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-shape-blue-ink_1112-835.jpg",
|
||||
},
|
||||
id: "mac", name: "macOS", price: "Get Started", variant: "Hazel", imageSrc: "http://img.b2bpic.net/free-photo/abstract-shape-blue-ink_1112-835.jpg"},
|
||||
{
|
||||
id: "lin",
|
||||
name: "Linux",
|
||||
price: "Get Started",
|
||||
variant: "Hazel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflective-liquid-metal-wave_1194-638942.jpg",
|
||||
},
|
||||
id: "lin", name: "Linux", price: "Get Started", variant: "Hazel", imageSrc: "http://img.b2bpic.net/free-photo/reflective-liquid-metal-wave_1194-638942.jpg"},
|
||||
]}
|
||||
title="Platform Pillars"
|
||||
description="Choose your vessel for the evolution."
|
||||
@@ -155,30 +114,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is Hazel?",
|
||||
content: "Hazel is a platform dedicated to serene, high-fidelity human connection.",
|
||||
},
|
||||
id: "q1", title: "What is Hazel?", content: "Hazel is a platform dedicated to serene, high-fidelity human connection."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it free to use?",
|
||||
content: "Yes, basic presence features are free for all users.",
|
||||
},
|
||||
id: "q2", title: "Is it free to use?", content: "Yes, basic presence features are free for all users."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Which platforms are supported?",
|
||||
content: "We currently support Windows, macOS, and Linux.",
|
||||
},
|
||||
id: "q3", title: "Which platforms are supported?", content: "We currently support Windows, macOS, and Linux."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How is my data handled?",
|
||||
content: "Privacy and peace of mind are at the core of our spiritual design.",
|
||||
},
|
||||
id: "q4", title: "How is my data handled?", content: "Privacy and peace of mind are at the core of our spiritual design."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I connect globally?",
|
||||
content: "Absolutely, our network supports active connections across the entire globe.",
|
||||
},
|
||||
id: "q5", title: "Can I connect globally?", content: "Absolutely, our network supports active connections across the entire globe."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user