Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #4.
This commit is contained in:
121
src/app/page.tsx
121
src/app/page.tsx
@@ -5,9 +5,10 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Sparkles, BarChart2, Zap, Phone } from 'lucide-react';
|
||||
import { Sparkles, Zap } from 'lucide-react';
|
||||
|
||||
export default function Home() {
|
||||
const homePageSections = [
|
||||
@@ -15,64 +16,102 @@ export default function Home() {
|
||||
id: 'hero',
|
||||
component: HeroBillboardScroll,
|
||||
props: {
|
||||
title: 'Build Your Vision with Webild',
|
||||
description: 'Transforming ideas into stunning digital experiences. We help you launch and scale.',
|
||||
background: { variant: 'sparkles-gradient' },
|
||||
title: 'NYVARO: The Essence of Masculine Sophistication',
|
||||
description: 'Immerse yourself in a world where luxury meets identity. NYVARO crafts exclusive fragrances for the modern gentleman.',
|
||||
background: { variant: 'radial-gradient' },
|
||||
buttons: [
|
||||
{ text: 'Learn More', href: '#features' },
|
||||
{ text: 'Contact Us', href: '#contact' }
|
||||
]
|
||||
{ text: 'Explore Collection', href: '#collection' },
|
||||
{ text: 'Our Legacy', href: '#legacy' }
|
||||
],
|
||||
imageSrc: 'https://images.unsplash.com/photo-1627471617267-334d7ee8997a?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'about',
|
||||
id: 'legacy',
|
||||
component: MetricSplitMediaAbout,
|
||||
props: {
|
||||
title: 'About Webild',
|
||||
description: 'We are a team of passionate creators dedicated to building exceptional web solutions. Our expertise spans design, development, and strategic growth.',
|
||||
title: 'A Legacy of Refinement',
|
||||
description: 'NYVARO is born from a passion for perfumery, blending age-old traditions with contemporary artistry. Our journey is defined by an unwavering commitment to quality and exclusivity.',
|
||||
metrics: [
|
||||
{ value: '10+', title: 'Years Experience' },
|
||||
{ value: '200+', title: 'Projects Completed' }
|
||||
{ value: 'Centuries', title: 'Inspired Tradition' },
|
||||
{ value: 'Masterful', title: 'Crafted Scents' }
|
||||
],
|
||||
imageSrc: 'https://images.unsplash.com/photo-1557804506-666324225301?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1543888554-e0c1a9b2d03b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
||||
useInvertedBackground: true,
|
||||
mediaAnimation: 'slide-up',
|
||||
metricsAnimation: 'slide-up'
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'features',
|
||||
id: 'craftsmanship',
|
||||
component: FeatureCardTen,
|
||||
props: {
|
||||
title: 'Core Features',
|
||||
description: 'Explore the powerful features that make Webild the perfect partner for your next project.',
|
||||
title: 'Artisanal Craftsmanship',
|
||||
description: 'Every NYVARO fragrance is a testament to meticulous creation, using only the finest ingredients sourced globally and perfected by master perfumers.',
|
||||
textboxLayout: 'default',
|
||||
animationType: 'slide-up',
|
||||
features: [
|
||||
{
|
||||
title: 'Modern Design',
|
||||
description: 'Sleek, responsive, and user-friendly interfaces.',
|
||||
media: { imageSrc: 'https://images.unsplash.com/photo-1579568910006-e7e2216e9c9f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D' },
|
||||
items: [{ icon: Zap, text: 'Fast Performance' }]
|
||||
title: 'Exquisite Ingredients',
|
||||
description: 'Rare oud, exotic spices, and precious resins define our unique olfactory signatures.',
|
||||
media: { imageSrc: 'https://images.unsplash.com/photo-1601334960534-11438902d28f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D' },
|
||||
items: [{ icon: Sparkles, text: 'Rare Essences' }]
|
||||
},
|
||||
{
|
||||
title: 'Scalable Architecture',
|
||||
description: 'Built to grow with your business needs.',
|
||||
media: { imageSrc: 'https://images.unsplash.com/photo-1507238691740-b5220c3a2a3b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D' },
|
||||
items: [{ icon: BarChart2, text: 'Data Analytics' }],
|
||||
title: 'Masterful Blending',
|
||||
description: 'Our perfumers, with decades of expertise, artfully compose each scent to evoke unparalleled emotion.',
|
||||
media: { imageSrc: 'https://images.unsplash.com/photo-1594953926618-2e061730ce6f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D' },
|
||||
items: [{ icon: Zap, text: 'Signature Scents' }],
|
||||
reverse: true
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'collection',
|
||||
component: ProductCardFour,
|
||||
props: {
|
||||
title: 'The NYVARO Collection',
|
||||
description: 'Discover our signature masculine fragrances, each a unique expression of power, elegance, and allure.',
|
||||
gridVariant: 'three-columns-all-equal-width',
|
||||
animationType: 'slide-up',
|
||||
useInvertedBackground: false,
|
||||
products: [
|
||||
{
|
||||
id: 'product-1',
|
||||
name: 'Majestic Oud',
|
||||
price: '$250',
|
||||
variant: '100ml Eau de Parfum',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1627471617267-334d7ee8997a?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
||||
imageAlt: 'Majestic Oud Fragrance Bottle'
|
||||
},
|
||||
{
|
||||
id: 'product-2',
|
||||
name: 'Velvet Night',
|
||||
price: '$220',
|
||||
variant: '75ml Eau de Parfum',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1616782298925-6359d9c24097?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
||||
imageAlt: 'Velvet Night Fragrance Bottle'
|
||||
},
|
||||
{
|
||||
id: 'product-3',
|
||||
name: 'Titan\'s Embrace',
|
||||
price: '$280',
|
||||
variant: '120ml Extrait de Parfum',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1634860265008-04d7c0f1b212?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
||||
imageAlt: 'Titan\'s Embrace Fragrance Bottle'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'contact',
|
||||
component: ContactCTA,
|
||||
props: {
|
||||
tag: 'Get in Touch',
|
||||
title: 'Ready to Start Your Project?',
|
||||
description: 'Let\'s collaborate and bring your digital vision to life. Contact us today for a free consultation.',
|
||||
buttons: [{ text: 'Say Hello', href: 'mailto:hello@webild.com' }],
|
||||
tag: 'Exclusive Access',
|
||||
title: 'Experience NYVARO Firsthand',
|
||||
description: 'Join our exclusive mailing list for early access to new releases, special offers, and bespoke fragrance consultations.',
|
||||
buttons: [{ text: 'Inquire Now', href: 'mailto:info@nyvaro.com' }],
|
||||
background: { variant: 'radial-gradient' }
|
||||
}
|
||||
},
|
||||
@@ -80,22 +119,24 @@ export default function Home() {
|
||||
id: 'footer',
|
||||
component: FooterBaseReveal,
|
||||
props: {
|
||||
logoText: 'Webild',
|
||||
logoText: 'NYVARO',
|
||||
columns: [
|
||||
{ title: 'Product', items: [{ label: 'Features', href: '#features' }] },
|
||||
{ title: 'Company', items: [{ label: 'About', href: '#about' }, { label: 'Contact', href: '#contact' }] }
|
||||
{ title: 'Brand', items: [{ label: 'Legacy', href: '#legacy' }, { label: 'Craftsmanship', href: '#craftsmanship' }] },
|
||||
{ title: 'Shop', items: [{ label: 'Collection', href: '#collection' }] },
|
||||
{ title: 'Connect', items: [{ label: 'Contact', href: '#contact' }] }
|
||||
],
|
||||
copyrightText: '© 2024 Webild. All rights reserved.'
|
||||
copyrightText: '© 2024 NYVARO. All rights reserved.'
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
const navItems = homePageSections
|
||||
.filter(section => section.id !== 'footer') // Footer is typically not in navbar
|
||||
.map(section => ({
|
||||
name: section.id.charAt(0).toUpperCase() + section.id.slice(1),
|
||||
id: section.id
|
||||
}));
|
||||
const navItems = [
|
||||
{ name: 'Home', id: 'hero' },
|
||||
{ name: 'Legacy', id: 'legacy' },
|
||||
{ name: 'Craftsmanship', id: 'craftsmanship' },
|
||||
{ name: 'Collection', id: 'collection' },
|
||||
{ name: 'Contact', id: 'contact' }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -112,8 +153,8 @@ export default function Home() {
|
||||
>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="Webild"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
brandName="NYVARO"
|
||||
button={{ text: "Discover Collection", href: "#collection" }}
|
||||
/>
|
||||
<main>
|
||||
{homePageSections.map((section, index) => {
|
||||
|
||||
Reference in New Issue
Block a user