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/pricing/server
    
    the code of the file until where you have to start completion: use modelfox_ui as ui;
use modelfox_www_layouts::{document::Document, page_layout::PageLayout};
use pinwheel::prelude::*;

pub struct Page;

impl Component 
    
	fn into_node(self) -> Node {
		let title = ui::H1::new("Pricing").center(true);
		let free_cta = ui::Button::new()
			.color(ui::colors::GREEN.to_owned())
			.href("/docs/install".to_owned())
			.child("Install the CLI")
			.into_node();
		let team_cta = ui::Button::new()
			.color(ui::colors::TEAL.to_owned())
			.href("mailto:hello@modelfox.dev".to_owned())
			.child("Contact Us")
			.into_node();
		let enterprise_cta = ui::Button::new()
			.color(ui::colors::BLUE.to_owned())
			.href("mailto:hello@modelfox.dev".to_owned())
			.child("Contact Us")
			.into_node();
		let cards = PricingCards {
			free_cta,
			free_selected: false,
			team_cta,
			team_selected: false,
			enterprise_cta,
			enterprise_selected: false,
		};
		let table = PricingTable;
		let p = ui::P::new()
			.child("The cloud hosted and self hosted apps are free to use by an individual for evaluation and testing, but require a license to use as part of a team and in production.");
		let content = div().class("pricing-grid").child(
			ui::S1::new()
				.child(title)
				.child(cards)
				.child(table)
				.child(p),
		);
		Document::new()
			.child(PageLayout::new().child(content))
			.into_node()
	}