Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b6e8e2a27c | |||
| ddbbdb3ff2 | |||
| c433b74523 | |||
| d306586681 |
144
src/app/page.tsx
144
src/app/page.tsx
@@ -5,11 +5,11 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
@@ -31,31 +31,31 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleApple
|
||||
brandName="LuxeGems"
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Collections", id: "#products" },
|
||||
{ name: "Craftsmanship", id: "#about" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
{ name: "Inquire", id: "#contact" },
|
||||
]}
|
||||
brandName="Kybo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Design SaaS tools that scale seamlessly."
|
||||
description="Transform complex design workflows into beautiful, efficient experiences. Kybo empowers teams to build high-performance products."
|
||||
tag="Elevate your design"
|
||||
buttons={[{ text: "Start building", href: "#contact" }]}
|
||||
title="Timeless elegance, redefined."
|
||||
description="Discover handcrafted jewelry that blends heritage with modern sophistication. Each piece is designed to be cherished for a lifetime."
|
||||
tag="Luxury Collections"
|
||||
buttons={[{ text: "View Gallery", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-couturier-checking-fashion-sketches-atelier-working-modern-designs-with-laptop-tablet-experienced-designer-searching-handmade-models-online-needlework-handheld-shot_482257-67826.jpg?_wi=1", imageAlt: "Dashboard UI design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg?_wi=1", imageAlt: "Mobile App UI" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-jewelry-box-with-diamond-ring-necklace_1150-13498.jpg", imageAlt: "Jewelry display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wearing-diamond-jewelry_1150-13794.jpg", imageAlt: "Luxury model" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ design teams"
|
||||
ratingText="Award-winning artistry"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
@@ -63,10 +63,10 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for designers, not just developers."
|
||||
description="Kybo bridges the gap between creative intent and technical execution, allowing your team to prototype, test, and iterate with lightning speed."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160824.jpg"
|
||||
imageAlt="Design team collaborative space"
|
||||
title="The Art of Perfection."
|
||||
description="Our artisans bring centuries-old techniques to contemporary designs, ensuring every gem is ethically sourced and perfectly set."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/goldsmith-working-with-tools-jewellery-workshop_23-2148784153.jpg"
|
||||
imageAlt="Master craftsman at work"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,14 +76,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Design Systems", tags: ["Core"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-banner-lego-art-poster-design_460848-7061.jpg" },
|
||||
{ id: "f2", title: "Interactive Prototyping", tags: ["Fast"], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg" },
|
||||
{ id: "f3", title: "Collaborative Workspace", tags: ["Sync"], imageSrc: "http://img.b2bpic.net/free-photo/colleagues-looking-tablet-discussing-new-ideas-office_176420-1724.jpg" },
|
||||
{ id: "f4", title: "Automated Handoff", tags: ["Automation"], imageSrc: "http://img.b2bpic.net/free-photo/clay-wavy-shape-blue-handmade-creative-art_53876-134200.jpg" },
|
||||
{ id: "f5", title: "Real-time Sync", tags: ["Live"], imageSrc: "http://img.b2bpic.net/free-photo/adorable-3d-character-children_23-2150473658.jpg" },
|
||||
{ id: "f1", title: "Ethically Sourced", tags: ["Sustainable"], imageSrc: "http://img.b2bpic.net/free-photo/nature-themed-jewelry-design_23-2148459424.jpg" },
|
||||
{ id: "f2", title: "Handcrafted Quality", tags: ["Artisanal"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-of-hands-making-jewelry_23-2148784144.jpg" },
|
||||
{ id: "f3", title: "Custom Commission", tags: ["Personalized"], imageSrc: "http://img.b2bpic.net/free-photo/man-sketching-jewelry-design_23-2148784172.jpg" },
|
||||
{ id: "f4", title: "Global Shipping", tags: ["Secure"], imageSrc: "http://img.b2bpic.net/free-photo/gift-box-with-ribbon_23-2148810061.jpg" },
|
||||
]}
|
||||
title="Powerful features for modern SaaS."
|
||||
description="Equip your team with the tools needed to design faster and smarter."
|
||||
title="Unrivaled Luxury Experience."
|
||||
description="Excellence in every detail, from the first sketch to the final polish."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,15 +93,13 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Framework Base", price: "$99", variant: "Core", imageSrc: "http://img.b2bpic.net/free-photo/start-up-business-rocket-icon_53876-13918.jpg" },
|
||||
{ id: "p2", name: "Analytics Pro", price: "$149", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/charts-with-economy-development-desk_23-2148541972.jpg" },
|
||||
{ id: "p3", name: "Cloud Storage", price: "$49", variant: "Base", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-dropbox-icon-sofa_53876-65419.jpg" },
|
||||
{ id: "p4", name: "API Service", price: "$199", variant: "Dev", imageSrc: "http://img.b2bpic.net/free-vector/creative-web-development-25-line-filled-icon-pack-such-as-code-programming-mobile-language-app_1142-21250.jpg" },
|
||||
{ id: "p5", name: "Feedback Loop", price: "$79", variant: "Base", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367125.jpg" },
|
||||
{ id: "p6", name: "Automation Pro", price: "$299", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-vector/infographic-elements-about-email-creativity_1209-153.jpg" },
|
||||
{ id: "p1", name: "Diamond Solitaire", price: "$2,499", variant: "Platinum", imageSrc: "http://img.b2bpic.net/free-photo/diamond-ring-on-white-background_1203-5192.jpg" },
|
||||
{ id: "p2", name: "Gold Heritage Band", price: "$1,199", variant: "18k Gold", imageSrc: "http://img.b2bpic.net/free-photo/gold-wedding-ring_1203-5241.jpg" },
|
||||
{ id: "p3", name: "Emerald Drop Earrings", price: "$3,200", variant: "Emerald", imageSrc: "http://img.b2bpic.net/free-photo/emerald-earrings_1203-5481.jpg" },
|
||||
{ id: "p4", name: "Sapphire Pendant", price: "$1,850", variant: "Sapphire", imageSrc: "http://img.b2bpic.net/free-photo/sapphire-pendant-necklace_1203-5502.jpg" },
|
||||
]}
|
||||
title="Integrated Design Toolkit"
|
||||
description="A comprehensive set of tools tailored for your SaaS growth."
|
||||
title="Curated Collections"
|
||||
description="Discover our latest designs, inspired by nature and refined by tradition."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,24 +109,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Starter", price: "$49", period: "/mo", features: ["Design Systems", "Prototyping", "Community Access"],
|
||||
button: { text: "Get Started" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/college-student-captivated-by-her-literature-assignment-academic-library_482257-123167.jpg"
|
||||
},
|
||||
{
|
||||
id: "pro", title: "Professional", price: "$149", period: "/mo", features: ["Advanced Analytics", "Cloud Storage", "API Access"],
|
||||
button: { text: "Get Started" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-couturier-checking-fashion-sketches-atelier-working-modern-designs-with-laptop-tablet-experienced-designer-searching-handmade-models-online-needlework-handheld-shot_482257-67826.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
id: "enterprise", title: "Enterprise", price: "$499", period: "/mo", features: ["Custom Automation", "Priority Support", "Dedicated Manager"],
|
||||
button: { text: "Contact Us" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg?_wi=2"
|
||||
},
|
||||
{ id: "entry", title: "Signature", price: "$500+", period: "/piece", features: ["Ethical Gold", "Authentication Certificate", "Standard Packaging"], button: { text: "Inquire" }, imageSrc: "http://img.b2bpic.net/free-photo/silver-jewelry-set_1203-5601.jpg" },
|
||||
{ id: "mid", title: "Exquisite", price: "$1,500+", period: "/piece", features: ["Diamond Embellishment", "Premium Box", "Insured Shipping"], button: { text: "Inquire" }, imageSrc: "http://img.b2bpic.net/free-photo/gold-necklace-pendant_1203-5712.jpg" },
|
||||
{ id: "premium", title: "Heirloom", price: "$5,000+", period: "/piece", features: ["Custom Design", "Life-time Maintenance", "Private Consultation"], button: { text: "Consult Now" }, imageSrc: "http://img.b2bpic.net/free-photo/diamond-crown-display_1203-5843.jpg" },
|
||||
]}
|
||||
title="Flexible pricing for every size."
|
||||
description="Choose the perfect plan for your design team."
|
||||
title="Bespoke Pricing"
|
||||
description="Luxury for every vision. Every piece is made to order."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,12 +125,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5x", description: "Faster prototyping" },
|
||||
{ id: "m2", value: "90%", description: "Team efficiency boost" },
|
||||
{ id: "m3", value: "24/7", description: "Global support uptime" },
|
||||
{ id: "m1", value: "50+", description: "Years of Artistry" },
|
||||
{ id: "m2", value: "100%", description: "Ethically Sourced" },
|
||||
{ id: "m3", value: "10k+", description: "Happy Clients" },
|
||||
]}
|
||||
title="Proven impact at scale."
|
||||
description="Our tools deliver measurable results."
|
||||
title="A Legacy of Brilliance."
|
||||
description="Excellence defined by decades of trust."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,19 +140,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Chen", role: "Head of Design", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg" },
|
||||
{ id: "2", name: "Marc Davis", role: "Product Lead", company: "CreativeOps", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg" },
|
||||
{ id: "3", name: "Elena Ross", role: "Product Manager", company: "GrowthApp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Design Lead", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/long-curly-hair-youn-man-with-crossed-hands_158595-3775.jpg" },
|
||||
{ id: "5", name: "Maya Singh", role: "Director of UX", company: "CloudScale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg" },
|
||||
{ id: "1", name: "Elena V.", role: "Collector", company: "", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-wearing-necklace_1203-6021.jpg" },
|
||||
{ id: "2", name: "Mark J.", role: "Patron", company: "", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-luxury-watch_1203-6045.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Design Teams" },
|
||||
{ value: "1M+", label: "Prototypes Built" },
|
||||
{ value: "99.9%", label: "Satisfaction Rate" },
|
||||
{ value: "98%", label: "Referral Rate" },
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "50+", label: "Countries Served" },
|
||||
]}
|
||||
title="Loved by design teams worldwide."
|
||||
description="See why top product companies trust Kybo."
|
||||
title="Trusted by Connoisseurs."
|
||||
description="Our clients represent the standard for beauty and quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,12 +158,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Does this tool work with Figma?", content: "Yes, Kybo offers full integration with Figma and other leading design tools." },
|
||||
{ id: "q2", title: "Can I cancel at any time?", content: "Yes, our flexible subscription model allows you to cancel whenever you need." },
|
||||
{ id: "q3", title: "Do you offer enterprise discounts?", content: "Contact us to discuss custom enterprise pricing and dedicated support options." },
|
||||
{ id: "q1", title: "Can I customize a piece?", content: "Absolutely. Our bespoke design service is available for all pieces." },
|
||||
{ id: "q2", title: "Are your stones natural?", content: "Yes, we exclusively source natural, ethical gemstones and diamonds." },
|
||||
{ id: "q3", title: "How is shipping handled?", content: "All items are shipped via insured premium couriers globally." },
|
||||
]}
|
||||
title="Common questions."
|
||||
description="Find everything you need to know about Kybo."
|
||||
title="Questions about Luxury."
|
||||
description="Everything you need to know about your purchase."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -190,25 +172,21 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to get started?"
|
||||
title="Start your design journey with Kybo today."
|
||||
description="Join thousands of designers building the future."
|
||||
buttons={[{ text: "Contact our team", href: "#" }]}
|
||||
tag="Exclusive Consultation"
|
||||
title="Begin your bespoke journey."
|
||||
description="Speak with our designers to craft the perfect jewelry piece."
|
||||
buttons={[{ text: "Schedule Appointment", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Kybo"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }],
|
||||
},
|
||||
{ title: "Collections", items: [{ label: "Diamonds", href: "#products" }, { label: "Bespoke", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "Our Heritage", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Kybo SaaS Design. All rights reserved."
|
||||
bottomLeftText="© 2024 LuxeGems"
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user