Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-04-23 17:57:46 +00:00
2 changed files with 154 additions and 407 deletions

View File

@@ -11,8 +11,8 @@ import { Times_New_Roman } from 'next/font/google';
export const metadata: Metadata = {
title: 'BucioAngelOfficial | Systems, Strategies, Solutions',
description: 'Official portal for Bucio Angel. Building scalable systems and strategies for modern business.',
title: 'BUCIOANGELOFFICIAL | Systems. Strategies. Solutions.',
description: 'Systems, strategies, and solutions for growth.',
openGraph: {
"title": "BucioAngelOfficial",
"description": "Systems. Strategies. Solutions.",

View File

@@ -1,422 +1,169 @@
"use client";
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, BarChart, CheckCircle, Code2, Globe, Instagram, Shield, TrendingUp, Twitter, Users, Zap } from "lucide-react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, CheckCircle, Users, TrendingUp, Zap, Shield, Globe, Code2, BarChart, Twitter, Instagram } from 'lucide-react';
export default function LandingPage() {
const navItems = [{ name: 'Home', id: '/' }];
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="light"
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Start Ups",
id: "startups",
},
{
name: "BUCIOANGELOFFICIAL",
id: "hero",
},
{
name: "Content",
id: "content",
},
{
name: "Blog",
id: "blog",
},
]}
brandName="BUCIOANGELOFFICIAL"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple navItems={navItems} brandName="BUCIOANGELOFFICIAL" />
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="BUCIOANGELOFFICIAL"
description="Systems. Strategies. Solutions."
testimonials={[
{
name: "John Doe",
handle: "@john",
testimonial: "Exceptional strategies.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5871.jpg",
},
{
name: "Jane Smith",
handle: "@jane",
testimonial: "Changed my business approach.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149411406.jpg",
},
{
name: "Sam Wilson",
handle: "@sam",
testimonial: "Clear, concise, effective.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-near-window_23-2149411428.jpg",
},
{
name: "Alex Reed",
handle: "@alex",
testimonial: "Highly recommended system builder.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-gentleman-elegant-black-jacket-sunglasses-holding-retro-walking-stick-as-cane-flask-tippling-cane-with-golden-diamond-ball-handle-rich-fashionable-afro-man_627829-1489.jpg",
},
{
name: "Morgan Lee",
handle: "@morgan",
testimonial: "The best partnership yet.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-phone_53876-30677.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/part-building-made-white-pieces-metal-going-top-each-other_181624-19428.jpg?_wi=1"
mediaAnimation="none"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/elegant-businessman-black-white_1098-2651.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/man-cafe-looking-camera_23-2147775895.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/caucasian-businessman-talking-mobile-phone_53876-65441.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/building-exterior-with-window-balcony-pattern_74190-8325.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daytime_23-2149080285.jpg",
alt: "Client 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Systems",
},
{
type: "text",
text: "Strategy",
},
{
type: "text",
text: "Scale",
},
{
type: "text",
text: "Growth",
},
{
type: "text",
text: "Impact",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
title="BUCIOANGELOFFICIAL"
description="Systems. Strategies. Solutions."
background={{ variant: "plain" }}
testimonials={[
{ name: "John Doe", handle: "@john", testimonial: "Exceptional strategies.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5871.jpg" },
{ name: "Jane Smith", handle: "@jane", testimonial: "Changed my business approach.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149411406.jpg" },
{ name: "Sam Wilson", handle: "@sam", testimonial: "Clear, concise, effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-near-window_23-2149411428.jpg" },
{ name: "Alex Reed", handle: "@alex", testimonial: "Highly recommended system builder.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-gentleman-elegant-black-jacket-sunglasses-holding-retro-walking-stick-as-cane-flask-tippling-cane-with-golden-diamond-ball-handle-rich-fashionable-afro-man_627829-1489.jpg" },
{ name: "Morgan Lee", handle: "@morgan", testimonial: "The best partnership yet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-phone_53876-30677.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/part-building-made-white-pieces-metal-going-top-each-other_181624-19428.jpg"
mediaAnimation="none"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/elegant-businessman-black-white_1098-2651.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/man-cafe-looking-camera_23-2147775895.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/caucasian-businessman-talking-mobile-phone_53876-65441.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/building-exterior-with-window-balcony-pattern_74190-8325.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daytime_23-2149080285.jpg", alt: "Client 5" }
]}
marqueeItems={[
{ type: "text", text: "Systems" },
{ type: "text", text: "Strategy" },
{ type: "text", text: "Scale" },
{ type: "text", text: "Growth" },
{ type: "text", text: "Impact" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="About"
metrics={[
{
icon: Award,
label: "Years Experience",
value: "10+",
},
{
icon: CheckCircle,
label: "Projects Completed",
value: "200",
},
{
icon: Users,
label: "Happy Clients",
value: "150",
},
{
icon: TrendingUp,
label: "Systems Built",
value: "50+",
},
{
icon: Zap,
label: "Automations",
value: "1k+",
},
]}
metricsAnimation="none"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="About"
metrics={[
{ icon: Award, label: "Years Experience", value: "10+" },
{ icon: CheckCircle, label: "Projects Completed", value: "200" },
{ icon: Users, label: "Happy Clients", value: "150" },
{ icon: TrendingUp, label: "Systems Built", value: "50+" },
{ icon: Zap, label: "Automations", value: "1k+" }
]}
metricsAnimation="none"
useInvertedBackground={false}
/>
</div>
<div id="startups" data-section="startups">
<FeatureHoverPattern
animationType="none"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Zap,
title: "Ventures",
description: "High growth potential startups.",
},
{
icon: Shield,
title: "Consulting",
description: "Strategy for sustainable growth.",
},
{
icon: Globe,
title: "Scaling",
description: "Global reach optimization.",
},
{
icon: Code2,
title: "Technology",
description: "Robust technical infrastructure.",
},
{
icon: BarChart,
title: "Analytics",
description: "Data-driven decision making.",
},
]}
title="Start Ups"
description="Building sustainable systems and scalable ventures."
/>
</div>
<div id="startups" data-section="startups">
<FeatureHoverPattern
animationType="none"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: Zap, title: "Ventures", description: "High growth potential startups." },
{ icon: Shield, title: "Consulting", description: "Strategy for sustainable growth." },
{ icon: Globe, title: "Scaling", description: "Global reach optimization." },
{ icon: Code2, title: "Technology", description: "Robust technical infrastructure." },
{ icon: BarChart, title: "Analytics", description: "Data-driven decision making." }
]}
title="Start Ups"
description="Building sustainable systems and scalable ventures."
/>
</div>
<div id="content" data-section="content">
<ProductCardTwo
animationType="none"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "c1",
brand: "Bucio",
name: "Content Bundle 01",
price: "$99",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283258.jpg?_wi=1",
},
{
id: "c2",
brand: "Bucio",
name: "Content Bundle 02",
price: "$149",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-strong-independent-successful-businesswoman-wearing-smart-casual-clothing-glasses-working-laptop-cafe-black-white-photo_627829-9836.jpg?_wi=1",
},
{
id: "c3",
brand: "Bucio",
name: "Content Bundle 03",
price: "$199",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6499.jpg?_wi=1",
},
{
id: "c4",
brand: "Bucio",
name: "Content Bundle 04",
price: "$299",
rating: 5,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/plain-dark-granite-stairs-pattern_53876-33561.jpg",
},
{
id: "c5",
brand: "Bucio",
name: "Content Bundle 05",
price: "$399",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-concrete-building_181624-3961.jpg",
},
{
id: "c6",
brand: "Bucio",
name: "Content Bundle 06",
price: "$499",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498607.jpg",
},
]}
title="Content"
description="Educational assets and strategic insights."
/>
</div>
<div id="content" data-section="content">
<ProductCardTwo
animationType="none"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "c1", brand: "Bucio", name: "Content Bundle 01", price: "$99", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283258.jpg" },
{ id: "c2", brand: "Bucio", name: "Content Bundle 02", price: "$149", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/portrait-strong-independent-successful-businesswoman-wearing-smart-casual-clothing-glasses-working-laptop-cafe-black-white-photo_627829-9836.jpg" },
{ id: "c3", brand: "Bucio", name: "Content Bundle 03", price: "$199", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6499.jpg" },
{ id: "c4", brand: "Bucio", name: "Content Bundle 04", price: "$299", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/plain-dark-granite-stairs-pattern_53876-33561.jpg" },
{ id: "c5", brand: "Bucio", name: "Content Bundle 05", price: "$399", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-concrete-building_181624-3961.jpg" },
{ id: "c6", brand: "Bucio", name: "Content Bundle 06", price: "$499", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498607.jpg" }
]}
title="Content"
description="Educational assets and strategic insights."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardThirteen
animationType="none"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John Doe",
handle: "@john",
testimonial: "Exceptional strategies.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-facade-modern-building_122409-61.jpg",
imageAlt: "Close-up white facade of a modern building",
},
{
id: "t2",
name: "Jane Smith",
handle: "@jane",
testimonial: "Changed my business approach.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/part-building-made-white-pieces-metal-going-top-each-other_181624-19428.jpg?_wi=2",
imageAlt: "Close-up white facade of a modern building",
},
{
id: "t3",
name: "Sam Wilson",
handle: "@sam",
testimonial: "Clear, concise, effective.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283258.jpg?_wi=2",
imageAlt: "Close-up white facade of a modern building",
},
{
id: "t4",
name: "Alex Reed",
handle: "@alex",
testimonial: "Highly recommended system builder.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-strong-independent-successful-businesswoman-wearing-smart-casual-clothing-glasses-working-laptop-cafe-black-white-photo_627829-9836.jpg?_wi=2",
imageAlt: "Close-up white facade of a modern building",
},
{
id: "t5",
name: "Morgan Lee",
handle: "@morgan",
testimonial: "The best partnership yet.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6499.jpg?_wi=2",
imageAlt: "Close-up white facade of a modern building",
},
]}
showRating={true}
title="Voices"
description="Client feedback and results."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardThirteen
animationType="none"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "John Doe", handle: "@john", testimonial: "Exceptional strategies.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-facade-modern-building_122409-61.jpg" },
{ id: "t2", name: "Jane Smith", handle: "@jane", testimonial: "Changed my business approach.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/part-building-made-white-pieces-metal-going-top-each-other_181624-19428.jpg" },
{ id: "t3", name: "Sam Wilson", handle: "@sam", testimonial: "Clear, concise, effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283258.jpg" },
{ id: "t4", name: "Alex Reed", handle: "@alex", testimonial: "Highly recommended system builder.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-strong-independent-successful-businesswoman-wearing-smart-casual-clothing-glasses-working-laptop-cafe-black-white-photo_627829-9836.jpg" },
{ id: "t5", name: "Morgan Lee", handle: "@morgan", testimonial: "The best partnership yet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6499.jpg" }
]}
showRating={true}
title="Voices"
description="Client feedback and results."
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
animationType="none"
textboxLayout="default"
useInvertedBackground={false}
title="Blog"
description="Daily thoughts on systems and solutions."
blogs={[
{
id: "b1",
category: "Systems",
title: "The First Rule",
excerpt: "Scaling requires focus.",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-practising-yoga_23-2151406487.jpg",
authorName: "Bucio Angel",
authorAvatar: "http://img.b2bpic.net/free-photo/businesswoman-busy-working-car-inside_53876-31493.jpg",
date: "2024-05-01",
},
{
id: "b2",
category: "Strategy",
title: "Building Leverage",
excerpt: "Strategic resource management.",
imageSrc: "http://img.b2bpic.net/free-photo/white-columns-cables-bridge-with-blue-sky-background_181624-5991.jpg",
authorName: "Bucio Angel",
authorAvatar: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162901.jpg",
date: "2024-05-05",
},
{
id: "b3",
category: "Solutions",
title: "Execution Matters",
excerpt: "Why most fail.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5846.jpg",
authorName: "Bucio Angel",
authorAvatar: "http://img.b2bpic.net/free-photo/grayscale-shot-columns-balustrade_181624-41740.jpg",
date: "2024-05-10",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
animationType="none"
textboxLayout="default"
useInvertedBackground={false}
title="Blog"
description="Daily thoughts on systems and solutions."
blogs={[
{ id: "b1", category: "Systems", title: "The First Rule", excerpt: "Scaling requires focus.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-practising-yoga_23-2151406487.jpg", authorName: "Bucio Angel", authorAvatar: "http://img.b2bpic.net/free-photo/businesswoman-busy-working-car-inside_53876-31493.jpg", date: "2024-05-01" },
{ id: "b2", category: "Strategy", title: "Building Leverage", excerpt: "Strategic resource management.", imageSrc: "http://img.b2bpic.net/free-photo/white-columns-cables-bridge-with-blue-sky-background_181624-5991.jpg", authorName: "Bucio Angel", authorAvatar: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162901.jpg", date: "2024-05-05" },
{ id: "b3", category: "Solutions", title: "Execution Matters", excerpt: "Why most fail.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5846.jpg", authorName: "Bucio Angel", authorAvatar: "http://img.b2bpic.net/free-photo/grayscale-shot-columns-balustrade_181624-41740.jpg", date: "2024-05-10" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Work with me."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
background={{ variant: "plain" }}
text="Work with me."
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="BUCIOANGELOFFICIAL"
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
]}
/>
</div>
</ReactLenis>
<div id="footer" data-section="footer">
<FooterCard
logoText="BUCIOANGELOFFICIAL"
socialLinks={[
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
]}
/>
</div>
</ThemeProvider>
);
}
}