Merge version_1 into main #1
306
src/app/page.tsx
306
src/app/page.tsx
@@ -24,225 +24,107 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sultan Badhawi"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Skills", id: "skills" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Sultan Badhawi"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Sultan Mohammed Badhawi"
|
||||
description="A passionate student interested in sports and technology, working towards becoming an architect."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Al-Aqsa Intermediate",
|
||||
handle: "@school",
|
||||
testimonial: "A dedicated and curious student who shows great promise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-happy-pleased-happy-smiling-young-redhead-girl-getting-awesome-proposal-grinning-questione_1258-136727.jpg",
|
||||
},
|
||||
{
|
||||
name: "Math Teacher",
|
||||
handle: "@math",
|
||||
testimonial: "Always participates actively and helps his peers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-jacket-carries-bag-holds-paper-cup-coffee-enjoys-aromatic-beverage-looks-away-with-cheerful-expression-strolls-city-has-spare-time-lifestyle-concept_273609-59922.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sports Coach",
|
||||
handle: "@football",
|
||||
testimonial: "Shows incredible stamina and discipline on the field.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-walking-with-smartphone-listening-music-headphones-summer-vacation_285396-3753.jpg",
|
||||
},
|
||||
{
|
||||
name: "Coding Mentor",
|
||||
handle: "@tech",
|
||||
testimonial: "A natural problem solver with a passion for coding.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27988.jpg",
|
||||
},
|
||||
{
|
||||
name: "Principal",
|
||||
handle: "@admin",
|
||||
testimonial: "A stellar example of what a motivated student looks like.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-doctor-working-with-virtual-screen_1134-639.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "About Me",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
|
||||
alt: "Testimonial contributor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/little-boy-watching-films-laptop_52683-112641.jpg",
|
||||
alt: "Testimonial contributor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/american-football-three-styles_78370-9420.jpg",
|
||||
alt: "Testimonial contributor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blackboard-sports-equipment_23-2147735013.jpg",
|
||||
alt: "Testimonial contributor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg",
|
||||
alt: "Testimonial contributor",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Sultan Mohammed Badhawi"
|
||||
description="A passionate student interested in sports and technology, working towards becoming an architect."
|
||||
testimonials={[
|
||||
{ name: "Al-Aqsa Intermediate", handle: "@school", testimonial: "A dedicated and curious student who shows great promise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/surprised-happy-pleased-happy-smiling-young-redhead-girl-getting-awesome-proposal-grinning-questione_1258-136727.jpg" },
|
||||
{ name: "Math Teacher", handle: "@math", testimonial: "Always participates actively and helps his peers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-jacket-carries-bag-holds-paper-cup-coffee-enjoys-aromatic-beverage-looks-away-with-cheerful-expression-strolls-city-has-spare-time-lifestyle-concept_273609-59922.jpg" },
|
||||
{ name: "Sports Coach", handle: "@football", testimonial: "Shows incredible stamina and discipline on the field.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-walking-with-smartphone-listening-music-headphones-summer-vacation_285396-3753.jpg" },
|
||||
{ name: "Coding Mentor", handle: "@tech", testimonial: "A natural problem solver with a passion for coding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27988.jpg" },
|
||||
{ name: "Principal", handle: "@admin", testimonial: "A stellar example of what a motivated student looks like.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-doctor-working-with-virtual-screen_1134-639.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "About Me", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg", alt: "Testimonial contributor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/little-boy-watching-films-laptop_52683-112641.jpg", alt: "Testimonial contributor" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/american-football-three-styles_78370-9420.jpg", alt: "Testimonial contributor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blackboard-sports-equipment_23-2147735013.jpg", alt: "Testimonial contributor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg", alt: "Testimonial contributor" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Me"
|
||||
description="I am Sultan Mohammed Badhawi, born in 2011. I study in Al-Aqsa Intermediate School in the third grade. I enjoy learning new things, especially in technology and computer skills. I also love sports like swimming and football, and I always strive to improve myself."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Me"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="skills" data-section="skills">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Football",
|
||||
author: "Sport",
|
||||
description: "Teamwork and physical agility.",
|
||||
tags: [
|
||||
"Sports",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/american-football-three-styles_78370-9420.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Swimming",
|
||||
author: "Sport",
|
||||
description: "Strength and discipline.",
|
||||
tags: [
|
||||
"Sports",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blackboard-sports-equipment_23-2147735013.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Computer Skills",
|
||||
author: "Tech",
|
||||
description: "Learning new software and coding.",
|
||||
tags: [
|
||||
"Technology",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg",
|
||||
},
|
||||
]}
|
||||
title="My Skills"
|
||||
description="I continuously develop my skills through learning and daily practice."
|
||||
/>
|
||||
</div>
|
||||
<div id="skills" data-section="skills">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Football", author: "Sport", description: "Teamwork and physical agility.", tags: ["Sports"], imageSrc: "http://img.b2bpic.net/free-vector/american-football-three-styles_78370-9420.jpg" },
|
||||
{ id: "f2", title: "Swimming", author: "Sport", description: "Strength and discipline.", tags: ["Sports"], imageSrc: "http://img.b2bpic.net/free-photo/blackboard-sports-equipment_23-2147735013.jpg" },
|
||||
{ id: "f3", title: "Computer Skills", author: "Tech", description: "Learning new software and coding.", tags: ["Technology"], imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg" }
|
||||
]}
|
||||
title="My Skills"
|
||||
description="I continuously develop my skills through learning and daily practice."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="interests" data-section="interests">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Interests"
|
||||
description="I enjoy watching football and I support Al Ahli Saudi Club. I also enjoy sports activities and technology in my free time."
|
||||
/>
|
||||
</div>
|
||||
<div id="interests" data-section="interests">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Interests"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="goals" data-section="goals">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Future Goal: Architect"
|
||||
description="My goal is to become an architect, and I am working from now to build my skills and knowledge to achieve this dream."
|
||||
/>
|
||||
</div>
|
||||
<div id="goals" data-section="goals">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Future Goal: Architect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Feel free to reach out to me via phone or email."
|
||||
buttons={[
|
||||
{
|
||||
text: "sultan.badhawi@gmail.com",
|
||||
href: "mailto:sultan.badhawi@gmail.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Feel free to reach out to me via phone or email."
|
||||
buttons={[{ text: "sultan.badhawi@gmail.com", href: "mailto:sultan.badhawi@gmail.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Skills",
|
||||
href: "#skills",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:sultan.badhawi@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:0536620032",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Sultan Mohammed Badhawi"
|
||||
bottomRightText="Al-Aqsa Intermediate School"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Skills", href: "#skills" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Email", href: "mailto:sultan.badhawi@gmail.com" },
|
||||
{ label: "Phone", href: "tel:0536620032" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Sultan Mohammed Badhawi"
|
||||
bottomRightText="Al-Aqsa Intermediate School"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user