Merge version_1 into main #2
242
src/app/page.tsx
242
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "showcase",
|
||||
},
|
||||
name: "Showcase", id: "showcase"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aura"
|
||||
/>
|
||||
@@ -56,65 +46,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Refined Design for the Modern Era"
|
||||
description="Experience unparalleled clarity and precision in every detail. Elevating your digital presence through thoughtful, minimal design principles."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-indoor_344912-2034.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-indoor_344912-2034.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-chair_23-2149241411.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-chair_23-2149241411.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-makeup_23-2149267453.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-makeup_23-2149267453.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ design leaders worldwide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View Showcase",
|
||||
href: "#showcase",
|
||||
},
|
||||
text: "View Showcase", href: "#showcase"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimalist",
|
||||
},
|
||||
type: "text", text: "Minimalist"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Refined",
|
||||
},
|
||||
type: "text", text: "Refined"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
type: "text", text: "Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elegance",
|
||||
},
|
||||
type: "text", text: "Elegance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Functional",
|
||||
},
|
||||
type: "text", text: "Functional"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,48 +92,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Pure Aesthetic",
|
||||
description: "Minimalism that doesn't sacrifice personality. Clean lines meet intentional layout.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-logo-set-with-pastel-colors_23-2148366421.jpg?_wi=1",
|
||||
imageAlt: "Minimal Interface",
|
||||
},
|
||||
title: "Pure Aesthetic", description: "Minimalism that doesn't sacrifice personality. Clean lines meet intentional layout.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-logo-set-with-pastel-colors_23-2148366421.jpg", imageAlt: "Minimal Interface"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994382.jpg?_wi=1",
|
||||
imageAlt: "Abstract Concept",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg",
|
||||
imageAlt: "elegant abstract art light background",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994382.jpg", imageAlt: "Abstract Concept"}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Refined Interaction",
|
||||
description: "Micro-interactions that feel natural, fast, and highly responsive.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-lights-prism-effect_23-2148771741.jpg?_wi=1",
|
||||
imageAlt: "Responsive Interaction",
|
||||
},
|
||||
title: "Refined Interaction", description: "Micro-interactions that feel natural, fast, and highly responsive.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-lights-prism-effect_23-2148771741.jpg", imageAlt: "Responsive Interaction"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-logo-set-with-pastel-colors_23-2148366421.jpg?_wi=2",
|
||||
imageAlt: "Interaction Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-logo-set-with-pastel-colors_23-2148366421.jpg?_wi=3",
|
||||
imageAlt: "modern interface design clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-logo-set-with-pastel-colors_23-2148366421.jpg", imageAlt: "Interaction Detail"}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Visual Hierarchy",
|
||||
description: "Strong contrast and scaling to ensure your key information is always prioritized.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994382.jpg?_wi=2",
|
||||
imageAlt: "Hierarchy Visual",
|
||||
},
|
||||
title: "Visual Hierarchy", description: "Strong contrast and scaling to ensure your key information is always prioritized.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994382.jpg", imageAlt: "Hierarchy Visual"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-lights-prism-effect_23-2148771741.jpg?_wi=2",
|
||||
imageAlt: "Visual Structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994382.jpg?_wi=3",
|
||||
imageAlt: "abstract shape minimal design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-lights-prism-effect_23-2148771741.jpg", imageAlt: "Visual Structure"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -185,41 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Zen Space",
|
||||
price: "Concept",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Zen Space", price: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fluidic UI",
|
||||
price: "System",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-still-life-composition_23-2148869768.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Fluidic UI", price: "System", imageSrc: "http://img.b2bpic.net/free-photo/white-still-life-composition_23-2148869768.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Serene Tech",
|
||||
price: "App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keto-diet-food-still-life_23-2149278978.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Serene Tech", price: "App", imageSrc: "http://img.b2bpic.net/free-photo/keto-diet-food-still-life_23-2149278978.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimalist Web",
|
||||
price: "Site",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Minimalist Web", price: "Site", imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Clean Portal",
|
||||
price: "Portal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-still-life-composition_23-2148869768.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "Clean Portal", price: "Portal", imageSrc: "http://img.b2bpic.net/free-photo/white-still-life-composition_23-2148869768.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pure Vision",
|
||||
price: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keto-diet-food-still-life_23-2149278978.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Pure Vision", price: "Style", imageSrc: "http://img.b2bpic.net/free-photo/keto-diet-food-still-life_23-2149278978.jpg"},
|
||||
]}
|
||||
title="Our Curated Showcase"
|
||||
description="A collection of our most recent design endeavors, focusing on elegance and usability."
|
||||
@@ -234,45 +151,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-indoor_344912-2034.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-indoor_344912-2034.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "NexGen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-chair_23-2149241411.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "NexGen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-chair_23-2149241411.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Creative",
|
||||
company: "Vogue",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Creative", company: "Vogue", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
company: "Scale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-makeup_23-2149267453.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Founder", company: "Scale", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-makeup_23-2149267453.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Design Lead",
|
||||
company: "Aura",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa Wang", role: "Design Lead", company: "Aura", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg"},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Don't just take our word for it—hear from the leaders who trust our design philosophy."
|
||||
@@ -283,14 +175,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to redefine your digital presence? Let's craft something exceptional together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -299,50 +188,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Case Studies", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Design System",
|
||||
href: "#",
|
||||
},
|
||||
label: "Design System", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user