Update src/app/page.tsx
This commit is contained in:
248
src/app/page.tsx
248
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Intro",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Intro", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "transformation",
|
||||
},
|
||||
name: "Features", id: "transformation"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ORYZO"
|
||||
/>
|
||||
@@ -56,92 +48,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Local businesses deserve world-class digital presence."
|
||||
description="We reimagine small businesses into extraordinary brands for the AI era."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_salon",
|
||||
testimonial: "My clinic looked decades old until ORYZO transformed it. The increase in conversions was immediate.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarah_salon", testimonial: "My clinic looked decades old until ORYZO transformed it. The increase in conversions was immediate.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg"},
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johns_barber",
|
||||
testimonial: "Everything about the process felt like magic. They turned our small shop into a premium luxury destination.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg",
|
||||
},
|
||||
name: "John Doe", handle: "@johns_barber", testimonial: "Everything about the process felt like magic. They turned our small shop into a premium luxury destination.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg"},
|
||||
{
|
||||
name: "Marcus Chen",
|
||||
handle: "@chen_clinic",
|
||||
testimonial: "The digital footprint we have now is lightyears ahead of any competitor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
},
|
||||
name: "Marcus Chen", handle: "@chen_clinic", testimonial: "The digital footprint we have now is lightyears ahead of any competitor.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@rossi_boutique",
|
||||
testimonial: "A complete transformation. Our brand finally matches the quality of our service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
name: "Elena Rossi", handle: "@rossi_boutique", testimonial: "A complete transformation. Our brand finally matches the quality of our service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
name: "David Thorne",
|
||||
handle: "@thorne_arch",
|
||||
testimonial: "Simply world-class. The attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
|
||||
},
|
||||
name: "David Thorne", handle: "@thorne_arch", testimonial: "Simply world-class. The attention to detail is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137485.jpg"
|
||||
imageAlt="Cinematic digital architecture"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-choosing-cloths-menswear-shop_1303-30799.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-choosing-cloths-menswear-shop_1303-30799.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-woman-library-smiling_197531-33498.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-woman-library-smiling_197531-33498.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300873.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300873.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite UI/UX Design",
|
||||
},
|
||||
type: "text", text: "Elite UI/UX Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Brand Identity",
|
||||
},
|
||||
type: "text", text: "Premium Brand Identity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic Motion Graphics",
|
||||
},
|
||||
type: "text", text: "Cinematic Motion Graphics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Conversion Flow",
|
||||
},
|
||||
type: "text", text: "High Conversion Flow"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authority Positioning",
|
||||
},
|
||||
type: "text", text: "Authority Positioning"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,17 +105,11 @@ export default function LandingPage() {
|
||||
description="Most local businesses have great service but look small online. We bridge that gap by elevating your authority, trust, and perceived value."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Before: Outdated",
|
||||
description: "Generic, low-authority digital presence that scares away premium clients.",
|
||||
},
|
||||
title: "Before: Outdated", description: "Generic, low-authority digital presence that scares away premium clients."},
|
||||
{
|
||||
title: "After: Extraordinary",
|
||||
description: "High-end, cinematic brand experience that positions you as the market leader.",
|
||||
},
|
||||
title: "After: Extraordinary", description: "High-end, cinematic brand experience that positions you as the market leader."},
|
||||
{
|
||||
title: "Conversion Catalyst",
|
||||
description: "Precision-engineered UI/UX designed to turn casual visitors into loyal customers.",
|
||||
},
|
||||
title: "Conversion Catalyst", description: "Precision-engineered UI/UX designed to turn casual visitors into loyal customers."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building_1127-3445.jpg"
|
||||
imageAlt="Luxury boutique interior design"
|
||||
@@ -173,28 +118,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="industries" data-section="industries">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Barber & Beauty",
|
||||
description: "High-end grooming studios and aesthetic clinics.",
|
||||
icon: Scissors,
|
||||
title: "Barber & Beauty", description: "High-end grooming studios and aesthetic clinics.", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Boutiques & Retail",
|
||||
description: "Modern fashion stores and luxury lifestyle boutiques.",
|
||||
icon: ShoppingBag,
|
||||
title: "Boutiques & Retail", description: "Modern fashion stores and luxury lifestyle boutiques.", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
title: "Wellness & Clinics",
|
||||
description: "Dental offices, clinics, and professional consulting firms.",
|
||||
icon: Activity,
|
||||
title: "Wellness & Clinics", description: "Dental offices, clinics, and professional consulting firms.", icon: Activity,
|
||||
},
|
||||
{
|
||||
title: "Hospitality",
|
||||
description: "Cafes, restaurants, and experiential dining spots.",
|
||||
icon: Coffee,
|
||||
title: "Hospitality", description: "Cafes, restaurants, and experiential dining spots.", icon: Coffee,
|
||||
},
|
||||
]}
|
||||
title="Industries We Elevate"
|
||||
@@ -210,23 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Modern Barber",
|
||||
price: "Experience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg",
|
||||
},
|
||||
id: "p1", name: "The Modern Barber", price: "Experience", imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxe Boutique",
|
||||
price: "Identity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg",
|
||||
},
|
||||
id: "p2", name: "Luxe Boutique", price: "Identity", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisanal Coffee",
|
||||
price: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg",
|
||||
},
|
||||
id: "p3", name: "Artisanal Coffee", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"},
|
||||
]}
|
||||
title="Premium Brand Examples"
|
||||
description="Realistic presentations of how we reimagine your business identity."
|
||||
@@ -241,25 +167,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "87%",
|
||||
title: "Bookings Increase",
|
||||
description: "Direct impact on client reservation flow.",
|
||||
icon: Calendar,
|
||||
id: "m1", value: "87%", title: "Bookings Increase", description: "Direct impact on client reservation flow.", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "64%",
|
||||
title: "WhatsApp Clicks",
|
||||
description: "Increase in direct contact and lead inquiries.",
|
||||
icon: MessageCircle,
|
||||
id: "m2", value: "64%", title: "WhatsApp Clicks", description: "Increase in direct contact and lead inquiries.", icon: MessageCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3.4x",
|
||||
title: "Perceived Authority",
|
||||
description: "Growth in brand reputation and professional trust.",
|
||||
icon: TrendingUp,
|
||||
id: "m3", value: "3.4x", title: "Perceived Authority", description: "Growth in brand reputation and professional trust.", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
title="Measurable Authority"
|
||||
@@ -269,44 +183,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Anderson",
|
||||
handle: "Founder, Urban Grooming",
|
||||
testimonial: "The cinematic pacing of our new site changed how we sell. We are fully booked every week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg",
|
||||
},
|
||||
id: "t1", name: "James Anderson", handle: "Founder, Urban Grooming", testimonial: "The cinematic pacing of our new site changed how we sell. We are fully booked every week.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Rossi",
|
||||
handle: "Owner, Rossi Boutique",
|
||||
testimonial: "Everything feels so premium and handcrafted. It’s exactly the brand identity we needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-11811.jpg",
|
||||
},
|
||||
id: "t2", name: "Elena Rossi", handle: "Owner, Rossi Boutique", testimonial: "Everything feels so premium and handcrafted. It’s exactly the brand identity we needed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-11811.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dr. Marcus Chen",
|
||||
handle: "Lead, Chen Clinic",
|
||||
testimonial: "ORYZO turned our clinic into a trustworthy medical hub online.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-working-nurse_23-2150829821.jpg",
|
||||
},
|
||||
id: "t3", name: "Dr. Marcus Chen", handle: "Lead, Chen Clinic", testimonial: "ORYZO turned our clinic into a trustworthy medical hub online.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-working-nurse_23-2150829821.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sofia Lima",
|
||||
handle: "Creative Director",
|
||||
testimonial: "The level of motion design is simply incomparable to anything else in our city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379267.jpg",
|
||||
},
|
||||
id: "t4", name: "Sofia Lima", handle: "Creative Director", testimonial: "The level of motion design is simply incomparable to anything else in our city.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379267.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Thorne",
|
||||
handle: "Architect",
|
||||
testimonial: "World-class presence for our firm. Simply extraordinary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg",
|
||||
},
|
||||
id: "t5", name: "David Thorne", handle: "Architect", testimonial: "World-class presence for our firm. Simply extraordinary.", imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg"},
|
||||
]}
|
||||
title="Voices of Transformation"
|
||||
description="Real businesses achieving extraordinary results through our digital alchemy."
|
||||
@@ -317,16 +207,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's begin"
|
||||
title="Your business already exists physically. Now make it unforgettable digitally."
|
||||
description="Don't settle for generic. Transform your business into an elite digital experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Strategy Session",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Strategy Session", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,50 +222,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Strategy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Strategy", href: "#"},
|
||||
{
|
||||
label: "Digital Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Digital Design", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "United Kingdom",
|
||||
href: "#",
|
||||
},
|
||||
label: "United Kingdom", href: "#"},
|
||||
{
|
||||
label: "Spain",
|
||||
href: "#",
|
||||
},
|
||||
label: "Spain", href: "#"},
|
||||
{
|
||||
label: "Portugal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Portugal", href: "#"},
|
||||
{
|
||||
label: "Brazil",
|
||||
href: "#",
|
||||
},
|
||||
label: "Brazil", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user