You are an expert in writing code in many different languages. Your goal is to perform code completion for the following code, keeping in mind the rest of the code and the file meta data.
    Metadata details:
    filename: page.rs
    path of file: ./repos/modelfox/crates/www/routes/blog/_/index/server
    
    the code of the file until where you have to start completion: use modelfox_ui as ui;
use modelfox_www_content::{BlogPost, Content};
use modelfox_www_layouts::{document::Document, page_layout::PageLayout};
use pinwheel::prelude::*;

#[derive(new)]
pub struct Page {
	slug: String,
}

impl Component for Page {
	fn into_node(self) -> Node {
		let blog_post = BlogPost::from_slug(self.slug.clone()).unwrap();
		let author = if let Some(author) = blog_post.front_matter.author {
			Author::new().name(author.name).gravatar(author.gravatar)
		} else {
			Author::new()
				.name("ModelFox Team")
				.gravatar("https://gravatar.com/avatar/048af5cc491ae1881dba85a78c228902")
		};
		let heading = div()
			.style("line
    
	fn into_node(self) -> Node {
		let twitter = a()
			.href(format!(
				"https://twitter.com/intent/tweet?text={}&url={}",
				self.title, self.url
			))
			.child(Twitter);
		let hn = a()
			.href(format!(
				"https://news.ycombinator.com/submitlink?u={}&t={}",
				self.url, self.title
			))
			.child(HN);
		let reddit = a()
			.href(format!(
				"https://www.reddit.com/submit?url={}&title={}",
				self.url, self.title
			))
			.child(Reddit);
		ui::Card::new()
			.child(
				div()
					.class("blog-post-share-wrapper")
					.child("Share this post:")
					.child(
						div()
							.class("blog-post-share-buttons")
							.child(twitter)
							.child(hn)
							.child(reddit),
					),
			)
			.into_node()
	}