Merge version_1 into main #1
294
src/app/page.tsx
294
src/app/page.tsx
@@ -32,85 +32,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="GIZMO"
|
||||
button={{ text: "Get Access", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Redefining Luxury Technology"
|
||||
description="Experience the pinnacle of craftsmanship and performance. GIZMO by Maliks is where futuristic innovation meets timeless design."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/film-cartridges-near-cameras_23-2147852546.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630671.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plants-camera_23-2147987420.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/retro-camera-digital-tablet-coffee-cup-paper-pencil-diary-keyboard-white-table_23-2148061577.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-metal-piece-background_23-2148882604.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630671.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plants-camera_23-2147987420.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/retro-camera-digital-tablet-coffee-cup-paper-pencil-diary-keyboard-white-table_23-2148061577.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-metal-piece-background_23-2148882604.jpg", alt: "User 5" }
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ visionaries"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Precision Engineering",
|
||||
icon: Database,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ultra-Luxury",
|
||||
icon: Diamond,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seamless Connectivity",
|
||||
icon: Wifi,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Minimalist Design",
|
||||
icon: Maximize,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Materials",
|
||||
icon: Shield,
|
||||
},
|
||||
{ type: "text-icon", text: "Precision Engineering", icon: Database },
|
||||
{ type: "text-icon", text: "Ultra-Luxury", icon: Diamond },
|
||||
{ type: "text-icon", text: "Seamless Connectivity", icon: Wifi },
|
||||
{ type: "text-icon", text: "Minimalist Design", icon: Maximize },
|
||||
{ type: "text-icon", text: "Premium Materials", icon: Shield }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,19 +71,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafted for the ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736818.jpg",
|
||||
alt: "Luxury Tech",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Future",
|
||||
},
|
||||
{ type: "text", content: "Crafted for the " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736818.jpg", alt: "Luxury Tech" },
|
||||
{ type: "text", content: " Future" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,31 +85,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hyper-Connectivity",
|
||||
description: "Seamless integration across all your smart devices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-movie-background_23-2149546026.jpg",
|
||||
},
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "Optimized performance through advanced hardware.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-robot-vacuum-with-his-phone_23-2149036881.jpg",
|
||||
},
|
||||
{
|
||||
title: "Intuitive Interface",
|
||||
description: "Design that anticipates your every move.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/3d-glossy-detailed-infographic_23-2148469291.jpg",
|
||||
},
|
||||
{
|
||||
title: "Adaptive AI",
|
||||
description: "Personalized settings that learn from you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-light-trails-blue-tone_1359-645.jpg",
|
||||
},
|
||||
{
|
||||
title: "Security First",
|
||||
description: "Encrypted hardware for your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-vivid-optic-fiber_23-2148779320.jpg",
|
||||
},
|
||||
{ title: "Hyper-Connectivity", description: "Seamless integration across all your smart devices.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-movie-background_23-2149546026.jpg" },
|
||||
{ title: "Precision Engineering", description: "Optimized performance through advanced hardware.", imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-robot-vacuum-with-his-phone_23-2149036881.jpg" },
|
||||
{ title: "Intuitive Interface", description: "Design that anticipates your every move.", imageSrc: "http://img.b2bpic.net/free-vector/3d-glossy-detailed-infographic_23-2148469291.jpg" },
|
||||
{ title: "Adaptive AI", description: "Personalized settings that learn from you.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-light-trails-blue-tone_1359-645.jpg" },
|
||||
{ title: "Security First", description: "Encrypted hardware for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/blue-vivid-optic-fiber_23-2148779320.jpg" }
|
||||
]}
|
||||
title="Elite Performance"
|
||||
description="Engineered with precision for the modern connoisseur."
|
||||
@@ -178,62 +100,15 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "GIZMO",
|
||||
name: "Obsidian Phone",
|
||||
price: "$1,999",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808025.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "GIZMO",
|
||||
name: "Aura Headphones",
|
||||
price: "$899",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earphones-golden-glo_140725-7747.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "GIZMO",
|
||||
name: "Signature Laptop",
|
||||
price: "$3,499",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-conference-room-within-corporation-designed-productivity_482257-124018.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "GIZMO",
|
||||
name: "Zenith Camera",
|
||||
price: "$2,299",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "GIZMO",
|
||||
name: "Holograph Watch",
|
||||
price: "$1,299",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "GIZMO",
|
||||
name: "Echo Speaker",
|
||||
price: "$799",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-speaker-membrane-black-background-with-colored-lighting_169016-14353.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "GIZMO", name: "Obsidian Phone", price: "$1,999", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808025.jpg" },
|
||||
{ id: "p2", brand: "GIZMO", name: "Aura Headphones", price: "$899", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earphones-golden-glo_140725-7747.jpg" },
|
||||
{ id: "p3", brand: "GIZMO", name: "Signature Laptop", price: "$3,499", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/empty-conference-room-within-corporation-designed-productivity_482257-124018.jpg" },
|
||||
{ id: "p4", brand: "GIZMO", name: "Zenith Camera", price: "$2,299", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg" },
|
||||
{ id: "p5", brand: "GIZMO", name: "Holograph Watch", price: "$1,299", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg" },
|
||||
{ id: "p6", brand: "GIZMO", name: "Echo Speaker", price: "$799", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-speaker-membrane-black-background-with-colored-lighting_169016-14353.jpg" }
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Discover our curated range of elite hardware."
|
||||
@@ -243,39 +118,17 @@ export default function LandingPage() {
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
description: "Start your luxury journey.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Priority Support",
|
||||
"Cloud Sync",
|
||||
],
|
||||
id: "basic", tag: "Essential", price: "$99", period: "/mo", description: "Start your luxury journey.", button: { text: "Select Plan" },
|
||||
featuresTitle: "Included:", features: ["Priority Support", "Cloud Sync"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Elite",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
description: "The ultimate GIZMO experience.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Personal Concierge",
|
||||
"Hardware Warranty",
|
||||
"Early Access",
|
||||
],
|
||||
},
|
||||
id: "pro", tag: "Elite", price: "$299", period: "/mo", description: "The ultimate GIZMO experience.", button: { text: "Select Plan" },
|
||||
featuresTitle: "Everything in Basic, plus:", features: ["Personal Concierge", "Hardware Warranty", "Early Access"]
|
||||
}
|
||||
]}
|
||||
title="Membership Tiers"
|
||||
description="Exclusive access to premium services and support."
|
||||
@@ -288,21 +141,9 @@ export default function LandingPage() {
|
||||
title="The GIZMO Standard"
|
||||
tag="Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Global Users",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25+",
|
||||
description: "Patented Tech",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "10k+", description: "Global Users" },
|
||||
{ id: "m2", value: "25+", description: "Patented Tech" },
|
||||
{ id: "m3", value: "99.9%", description: "Satisfaction" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -311,43 +152,14 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
handle: "@alexrivers",
|
||||
testimonial: "GIZMO completely transformed my daily workflow. Unmatched quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Design and performance are in a league of their own. Pure luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-confident-woman-works-creatively-professionally-exuding-innovation_1258-296528.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Casey Morgan",
|
||||
handle: "@cmorgan",
|
||||
testimonial: "Innovation that feels natural and premium. Simply incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-studio-films-tablet-video-review-tech-enthusiasts_482257-116480.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Riley Quinn",
|
||||
handle: "@rquinn",
|
||||
testimonial: "Best tech investment I've made. The quality is tangible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Taylor West",
|
||||
handle: "@twest",
|
||||
testimonial: "Luxury tech redefined. Maliks knows quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivers", handle: "@alexrivers", testimonial: "GIZMO completely transformed my daily workflow. Unmatched quality.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg" },
|
||||
{ id: "2", name: "Jordan Smith", handle: "@jsmith", testimonial: "Design and performance are in a league of their own. Pure luxury.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-confident-woman-works-creatively-professionally-exuding-innovation_1258-296528.jpg" },
|
||||
{ id: "3", name: "Casey Morgan", handle: "@cmorgan", testimonial: "Innovation that feels natural and premium. Simply incredible.", imageSrc: "http://img.b2bpic.net/free-photo/man-studio-films-tablet-video-review-tech-enthusiasts_482257-116480.jpg" },
|
||||
{ id: "4", name: "Riley Quinn", handle: "@rquinn", testimonial: "Best tech investment I've made. The quality is tangible.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ id: "5", name: "Taylor West", handle: "@twest", testimonial: "Luxury tech redefined. Maliks knows quality.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" }
|
||||
]}
|
||||
title="Loved by Visionaries"
|
||||
description="Hear what our clients have to say about the GIZMO experience."
|
||||
@@ -357,9 +169,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Inquire"
|
||||
title="Join the Elite"
|
||||
description="Sign up for exclusive product launches and invitations."
|
||||
@@ -371,14 +181,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GIZMO"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user