Merge version_1 into main #2
233
src/app/page.tsx
233
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Hero",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Hero", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ELITE"
|
||||
/>
|
||||
@@ -56,17 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Digital Elegance."
|
||||
description="Minimalist design for visionary brands and luxury experiences."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Work", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stucco-effect-with-flowers_333098-146.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stucco-effect-with-flowers_333098-146.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,8 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="My Philosophy"
|
||||
description={[
|
||||
"I believe in the power of less. My design methodology focuses on clarity, sophistication, and timeless aesthetics that resonate with modern audiences.",
|
||||
]}
|
||||
"I believe in the power of less. My design methodology focuses on clarity, sophistication, and timeless aesthetics that resonate with modern audiences."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,47 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxe Editorial",
|
||||
price: "Concept",
|
||||
variant: "Web",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-creating-vision-board_23-2149934525.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Luxe Editorial", price: "Concept", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-creating-vision-board_23-2149934525.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Minimal",
|
||||
price: "Concept",
|
||||
variant: "Arch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666333.jpg",
|
||||
},
|
||||
id: "p2", name: "Urban Minimal", price: "Concept", variant: "Arch", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666333.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elite Lifestyle",
|
||||
price: "Concept",
|
||||
variant: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-albinism-posing-studio_23-2150535745.jpg",
|
||||
},
|
||||
id: "p3", name: "Elite Lifestyle", price: "Concept", variant: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-albinism-posing-studio_23-2150535745.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Future Tech",
|
||||
price: "Concept",
|
||||
variant: "UI/UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272913.jpg",
|
||||
},
|
||||
id: "p4", name: "Future Tech", price: "Concept", variant: "UI/UX", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272913.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Artisanal Gear",
|
||||
price: "Concept",
|
||||
variant: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-sculptural-chair-futuristic-curved-interior_1194-640230.jpg",
|
||||
},
|
||||
id: "p5", name: "Artisanal Gear", price: "Concept", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/white-sculptural-chair-futuristic-curved-interior_1194-640230.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Modern Space",
|
||||
price: "Concept",
|
||||
variant: "Interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-model-posing-studio_23-2148239993.jpg",
|
||||
},
|
||||
id: "p6", name: "Modern Space", price: "Concept", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/asian-model-posing-studio_23-2148239993.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Curated projects for discerning brands."
|
||||
@@ -142,49 +100,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Art Direction",
|
||||
description: "Defining visual identities for luxury markets.",
|
||||
icon: Sparkles,
|
||||
title: "Art Direction", description: "Defining visual identities for luxury markets.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hands-with-phone-apple-glasses-scotch-other-stationery-white_197531-10710.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hands-with-phone-apple-glasses-scotch-other-stationery-white_197531-10710.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-705.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-705.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stucco-effect-with-flowers_333098-146.jpg?_wi=2",
|
||||
imageAlt: "luxury fashion brand mockup",
|
||||
},
|
||||
{
|
||||
title: "Minimalist UI",
|
||||
description: "User experiences distilled to their essence.",
|
||||
icon: Shield,
|
||||
title: "Minimalist UI", description: "User experiences distilled to their essence.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478928.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478928.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072188.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072188.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-text-diary-digital-tablet-coffee-cup-keyboard-black-marker-white-desk_23-2148061556.jpg",
|
||||
imageAlt: "luxury fashion brand mockup",
|
||||
},
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Building legacy through intentional design.",
|
||||
icon: Award,
|
||||
title: "Brand Strategy", description: "Building legacy through intentional design.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836816.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836816.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-toilet-bag-products-assortment_23-2149879486.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-toilet-bag-products-assortment_23-2149879486.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-creating-vision-board_23-2149934525.jpg?_wi=2",
|
||||
imageAlt: "luxury fashion brand mockup",
|
||||
},
|
||||
]}
|
||||
title="Expertise"
|
||||
@@ -199,45 +139,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Exceptional eye for detail and luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-man-with-beard-black-suit-buttons-up-buttons-his-jacket_343596-7334.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional eye for detail and luxury.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-man-with-beard-black-suit-buttons-up-buttons-his-jacket_343596-7334.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "The gold standard of design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020141.jpg",
|
||||
},
|
||||
id: "2", name: "John Doe", handle: "@jdoe", testimonial: "The gold standard of design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020141.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Ross",
|
||||
handle: "@eross",
|
||||
testimonial: "Professional, minimalist, and elite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Ross", handle: "@eross", testimonial: "Professional, minimalist, and elite.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Kim",
|
||||
handle: "@mkim",
|
||||
testimonial: "A true master of aesthetics.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Kim", handle: "@mkim", testimonial: "A true master of aesthetics.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Sophisticated results every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg",
|
||||
},
|
||||
id: "5", name: "Jane Smith", handle: "@jsmith", testimonial: "Sophisticated results every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Endorsements"
|
||||
@@ -251,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your process?",
|
||||
content: "A rigorous discovery and refinement phase.",
|
||||
},
|
||||
id: "f1", title: "What is your process?", content: "A rigorous discovery and refinement phase."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can we work remotely?",
|
||||
content: "Global collaborations are welcome.",
|
||||
},
|
||||
id: "f2", title: "Can we work remotely?", content: "Global collaborations are welcome."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the timeline?",
|
||||
content: "Tailored to the scope of your vision.",
|
||||
},
|
||||
id: "f3", title: "What is the timeline?", content: "Tailored to the scope of your vision."},
|
||||
]}
|
||||
title="Process Details"
|
||||
description="Common questions regarding collaborations."
|
||||
@@ -274,41 +180,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Insights"
|
||||
description="Thoughts on luxury and design evolution."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Design",
|
||||
title: "The Art of Restraint",
|
||||
excerpt: "Why less is profoundly more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166813.jpg",
|
||||
authorName: "Elite Portfolio",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
id: "b1", category: "Design", title: "The Art of Restraint", excerpt: "Why less is profoundly more.", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166813.jpg", authorName: "Elite Portfolio", authorAvatar: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", date: "Jan 2025"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Luxury",
|
||||
title: "Defining Premium",
|
||||
excerpt: "What makes a product high-end.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg",
|
||||
authorName: "Elite Portfolio",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-model-posing-studio-stylish-outfit_285396-9685.jpg",
|
||||
date: "Feb 2025",
|
||||
},
|
||||
id: "b2", category: "Luxury", title: "Defining Premium", excerpt: "What makes a product high-end.", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", authorName: "Elite Portfolio", authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-model-posing-studio-stylish-outfit_285396-9685.jpg", date: "Feb 2025"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Tech",
|
||||
title: "Minimal Digital",
|
||||
excerpt: "Trends in modern web luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg",
|
||||
authorName: "Elite Portfolio",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
date: "Mar 2025",
|
||||
},
|
||||
id: "b3", category: "Tech", title: "Minimal Digital", excerpt: "Trends in modern web luxury.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg", authorName: "Elite Portfolio", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", date: "Mar 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -320,20 +203,12 @@ export default function LandingPage() {
|
||||
description="I am currently accepting inquiries for high-end digital projects."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Project brief",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Project brief", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg"
|
||||
/>
|
||||
@@ -343,29 +218,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user